/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Ultranav Divi Child Theme
 Author:         Hjemmesider.dk Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */



.clogo {

max-width: 120px;
margin-top: auto;
margin-bottom: 6px;
margin-left: auto;

}



.servicemenu h3:before {
	font-family: 'ETMODULES';
    content: '\3d'; 
	font-size:18px;
    margin-right: 7px;
    margin-top: 0px;
    color: #eab900;
    width: 20px;
    float: left;
}

/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
    .hide-on-desktop {
        display: none !important;
		background-color: rgba(200, 256, 256, 0);
    }
}

/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
    .hide-on-mobile-tablet {
        display: none !important;
    }
}

.et_pb_section_0_tb_footer.et_pb_section  h3 {
position: relative;
line-height: 1.8em;
	}

.et_pb_section_0_tb_footer.et_pb_section  h3:before {
  position: absolute;
  left: 0;
  top: 1.6em;
  height: 0;
  width: 100px;
  content: '';
  border-top: 3px solid #bb950b;

}



/*Back to top button styling*/
/*This section adds the image*/
.et_pb_scroll_top:before { 
    content: url(https://ultranavshipping.dk/ultrabulk/wp-content/uploads/sites/2/2020/11/to-top.png) !important;  
}
/*This section changes the shape to a circle and moves the button in from the edge of the screen*/
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 20px;
	background-color: rgba(255, 0, 0, 0.0);
}

.mobile_nav .select_page {
display: none !important;
}

.mobile_nav {
background-color: rgba(0, 0, 0, 0) !important;
margin-top: -17px;
    margin-bottom: 20px;
}
.et_mobile_menu {
top: 80px !important;
}

.et_mobile_menu {
    
    border-top: 3px solid #BB950B;
}

@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 25%!important;
}
}

@media only screen and (max-width: 980px) {
.five-columns .et_pb_column {
width: 20%!important;
}
}
@media only screen and (max-width: 980px) {
.three-columns .et_pb_column {
width: 33%!important;
}
}

@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	body.single #main-content > .container,
	body.page:not(.et-tb-has-template) div.et_pb_row,
	body.page.et-tb-has-template .et-l--post div.et_pb_row,
	body.single-project div.et_pb_row,
	body.single-project div.et_pb_row.et_pb_row_fullwidth {
		width: 95% !important; 
   }
}


.et-pb-controllers a {
    border-radius: 0px;
    width: 37px;
    height: px;
}


.et_pb_slide_description h2::after {
  content: "";
  display: block;
  border-bottom: 5px solid #eab900;
  width: 15%;
  position: relative;
  bottom: -6px; /* your padding + border-width */
}

/* On screens that are 700px or less, set streg til 30% */
@media screen and (max-width: 700px) {
  .et_pb_slide_description h2::after {
  content: "";
  display: block;
  border-bottom: 5px solid #eab900;
  width: 50%;
  position: relative;
  bottom: -6px; /* your padding + border-width */
  }
}


/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.et_pb_bg_layout_blaa {
    color: #ffffff !important;
    border-width: 0px !important;
    font-size: 16px;
    background-color: #9fc0d9;
	margin-top:20px;
}

div#et-main-area {
    overflow: hidden;
    max-width: 100%;
}

/* Single contact page */
.single-contact-person .contactcards ul {
    justify-content: center;
    padding: 80px 50px 50px 50px;
}

.single-contact-who-is .contactcards ul {
    justify-content: center;
    padding: 80px 50px 50px 50px;
}



#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
color: #eab900 !important;
opacity:1 !important;
}

#top-menu-nav #top-menu a,
#mobile_menu_slide a {
color: #596e7e !important;
opacity:1 !important;
font-weight: 400;
Font-size: 1.3em;
}



.servicemenu h3:before {
	font-family: 'ETMODULES';
    content: '\3d'; 
	font-size:18px;
    margin-right: 7px;
    margin-top: 0px;
    color: #eab900;
    width: 20px;
    float: left;
}

.et_fixed_nav #top-header { position: absolute !important; } .et-fixed-header { top: 0px!important; }



.logged-in.admin-bar #main-header.et-fixed-header {
    top: 32px!important;
} 

/* buttons fixed to the bottom */
.ss_row_align_buttons .et_pb_column {
padding-bottom:30px;
}
 
.ss_row_align_buttons .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

h4 {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #00788f!important;
}

/* fjern drop down skygge på menupunkter - også added class på selve menupunktet */
@media (min-width:1024px){
.no-submenu ul{
display:none!important;
}
}
/* sætte streger mellem secondary nav */

#et-info, #et-secondary-menu>ul>li a {
    padding-bottom: .75em;
    display: block;
    border-right: 1px solid #596e7e;
    padding-bottom: 0em;
    padding: 0px 12px 0px 0px;
}

.align-bottom .et_pb_column {
padding-bottom:20px;}
.align-bottom .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;}

@media screen and (max-width : 980px) {
  .textImageRow .imageColumn {
    min-height: 250px; 
  }
  }



#main-header #top-menu li.current-menu-item > a,
#main-header #top-menu li.current-menu-ancestor > a, #main-header #top-menu li.current-menu-item > a
{
color: #EAB900 !important;
}


#et-secondary-nav a:hover, #et-secondary-nav li.current-menu-item a
{ color:#eab900;}


/* søgning mindre mobil */
@media (max-width: 980px){
.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
    width: 35%!important;
    max-width: 35%!important;
}}

/* mobilmenu -på linje med søg */
.mobile_nav {
background-color: rgba(0, 0, 0, 0) !important;
margin-top: 0px;
    margin-bottom: 0px;
}

.ultrabulk_contact .contactcards ul li {
    width: 100%;
    margin-right: 0;
    background: #fff;
    min-height: 602px;
}
/* responsive map iframe container */

.mapcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 49.21%; 
}

.mapcontainer2 {
  position: relative;
  overflow: hidden;
  width: 100%;
    padding-top: 100%; 

}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; 
  width: 100%;
  height: 100%;
}
.responsive-iframetrans {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; 
  width: 100%;
  height: 100%;
}

@media (min-width: 980px) {.responsive-iframetrans {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 58%;
    height: 100%;
}}

.contactcards ul li p:not(.has-background):last-of-type{
    padding-right: 40px;
}
.contactcards ul li{
    position: relative;
}
a.download-icon {
    width: 40px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 40px;
}
img.download-icon-hover:hover {
    opacity: 1;
}
img.download-icon-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: 0.15s;
}


#post-293191{
min-height: 1650px;
}

.blog-id-14 .ultrabulk_contact .contactcards ul li {
	min-height: 320px !important;
}