/*
Theme Name:     divi_child
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     https://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/*****************************
* TYPO
***************************/
h1, h2, h3, h4, h5 .et_pb_button{
    font-family: 'countach', sans-serif;
    font-weight: 700;
    color: #26292C;
}

h1{font-size: 75px;}
h2{font-size: 60px;}
h3{font-size: 40px;}
h4{font-size: 30px;}
h5{font-size: 20px;}


.et_header_style_fullscreen .et_slide_in_menu_container {
    padding-top: 0px !important;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    top: 24px;
    right: 24px;
}

h1, h2, h3, .et_pb_button{
    font-family: 'countach', sans-serif;
    font-weight: 700;
}

.et_pb_sticky .et_pb_row_0{
    transform: translateX(0%) !important;
}
#main-footer { display:none; }
#page-container { 
    padding-top:0px !important; 
    margin-top:-1px !important 
}
.social-display-in{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

.social-display-out{
    -webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 2s; /* Firefox < 16 */
    -ms-animation: fadeout 2s; /* Internet Explorer */
    -o-animation: fadeout 2s; /* Opera < 12.1 */
    animation: fadeout 2s;
}

/*adjust position of navigation menu*/


.et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
    padding-top: 0px !important;
}

/*adjust position of top bar elements*/
.et_header_style_fullscreen .et_slide_menu_top {
    width: 50%;
    text-align: center;
    display: table !important;
    vertical-align: middle;
    position: initial;
    float: right!important;
    height: 100%;
}
.et_header_style_fullscreen .et_pb_top_menu_inner {
    display: table-cell !important;
    position: relative;
    vertical-align: middle;
    text-align: left!important;
    padding: 0 15%;
    width: 100%;
}

.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons {
    width: 100%;
}

.et_header_style_fullscreen div#et-info {
    float: none!important;
    width: 100%;
}

.et_header_style_fullscreen div#et-info span {
    display: block; 
    margin-bottom: 30px;

}

/*****************************
* HEADER
* **************************/
#et-top-navigation::before { 
    content:url(http://test.byggteknik.se/wp-content/uploads/2021/03/flagga_icon_4.png); 
    position: absolute; 
    margin-left:-50px; 
    margin-top: 0px;
	width: 40px;
	height:40px;
	background-color: #00AEEB;
	border-radius: 20px;
	text-align:center;
}

/*Dölj vit bakgrund safari*/
#main-header{
    background-color: transparent;
    box-shadow: none;
}

/*Fjallnatten*/
body.page.page-id-830 {background-color: #030000;}
.page-id-830 img#logo {
    content: url(http://test.byggteknik.se/wp-content/uploads/2020/12/bfms_logga_vit_500_133.png);
}


/*make search bar and icon larger*/
.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    margin-top: 30px !important;
    margin-bottom: 15px;
    width: 100% !important;
    max-width: 300px !important;
    padding: 25px !important;
}
.et_slide_menu_top button#searchsubmit_header{
    width: 50px;
    height: 41px;
}
.et_slide_menu_top button#searchsubmit_header:before {
    font-size: 22px;
}

/*make close menu icon larger*/
.et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
    font-size: 50px;
}

/*increase size of down arrow for sub menu items*/
.et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1;

}
.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 34px;
}  

/*blå cirkel bakom meny*/
.et_pb_header_toggle{
    background-color: #00AEEB;
    border-radius: 20px;
    width: 40px !important;
    height: 40px;
    padding-left: 4px;
    padding-top: 4px;
}

/* Färg på hamburgerstreck */
span.et_pb_header_toggle:before{color: #fff;}

/*Färg scroll-up knapp */
.et_pb_scroll_top.et-pb-icon.et-visible, .et_pb_scroll_top.et-hidden {
    background: #00AEEB; 
}

/* EFFECT #2: SLIDE DOWN */
.et_header_style_fullscreen .et_slide_in_menu_container{
    visibility: hidden;
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0s 0.2s;
    transition: transform 0.2s ease-in-out, visibility 0s 0.2s;
}
.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened  {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
/* End EFFECT #2: SLIDE DOWN */


#center-header-text{
    transform: translateX(-50%) !important;
}

#logo{
	max-height: 85%;
}



/*****************************
* MENU
***************************/
.et_header_style_left #logo{
    max-width: 100%;
}

.et_header_style_fullscreen .et_slide_menu_top{
    float: left !important;
    width: 100%;
    height: auto;
}

body #page-container .et_slide_in_menu_container{
    border: 1vw solid #00AEEB;
    background: #000;
    opacity: 1;
}

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

#menu_image{
    background-image: url(http://test.byggteknik.se/wp-content/uploads/2020/11/menu-img.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    float: left;
    width: 38vw;
    height: 100%;	
}

#menu_right{
    width: 56vw;
    height: 96vh;
    float: left;
    position: relative;
}

#menu_nav{
    height: 80vh;
	overflow-y: scroll;
    overflow-x: hidden;
}

.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons{
    margin: 0 auto;
    display: flex;
    justify-content:center;
}
.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a{
    font-size: 25px !important;
    padding: 0 5px;
}

.et_header_style_fullscreen .et_pb_top_menu_inner{
    vertical-align: top;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container{
    height: auto;
    margin-bottom: 50px;
}

#menu_logo_outer{
    margin: 0 auto;
    width: 50%;
    position: absolute;
    bottom: 3vh;
    left: 50%;
}

#menu_logo_inner{
    position: relative;
    left: -50%;
    z-index: 9999;
    background-color: #000;
}

#menu_logo_inner:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -50px;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0, 1) 100%);
    width: 100%;
    height: 4em;
}

.et_header_style_fullscreen .et_slide_menu_top .et-search-form{
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.et_pb_contact_right .et_pb_contact_captcha_question{
    color: #fff;
}

#mobile_menu_slide > li:nth-child(3) {
    margin-left: 20px !important;
    margin-right: 0 !important;
}

.et_pb_slide_dropdown_opened > li {
    padding-right: 25px;
}

#mobile_menu_slide li li a{
    opacity: 1 !important;
    font-size: 20px;
    line-height: 10px;
}

.et_slide_in_menu_container .et_mobile_menu>.menu-item-has-children>a{
    font-weight: 400;
}

.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow::before{
    font-size: 25px;
    font-weight: 700;
}

/*****************************
* MEGA MENU LOPP
***************************/


.mega-menu-lopp{
    display: none;
}
.mega-menu-lopp .et_pb_row::after{
   clear: none !important;
}



/*****************************
* MAIN
* **************************/

.et_pb_column.et_pb_column_empty {
    display: block!important;
}

/*****************************
* TABLE
* **************************/

#table-container th{
    background-color: #F2F2F2;
}

/*****************************
* TABLE RESULTAT
* **************************/

.tabell-sektion .et_pb_column.et_pb_column_2_3.et_pb_column_3.et_pb_specialty_column.et_pb_css_mix_blend_mode_passthrough{
    width: 70% !important;
}

.tabell-sektion .et_pb_column.et_pb_column_1_3.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single{
    width: 20% !important;
}

.resultat-container > div:first-child {
    width: 10% !important;
}

.resultat-container .et-last-child {
    width: 75% !important;
    margin-right: 0 !important;
}

/*****************************
* DROPDOWN
* **************************/
.post-filters {
    font-family: 'countach';
}

.post-filters select option {
    font-size: 22px;
    background: #fff;
}

.post-filters:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    width: calc(100% - 64px);
    background: #fff;
    z-index: 0;
}
.post-filters:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 64px;
    background-color: blue;
    background-image: url(https://raw.githubusercontent.com/solodev/styling-select-boxes/master/select1.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

/***************************************************
Footer
****************************************************/




/*Captcha*/
.et_pb_contact p input, .et_pb_contact p textarea, 
.et_pb_subscribe .et_pb_contact_field input, 
.et_pb_subscribe .et_pb_contact_field textarea{
    border-radius: 8px;
    border: 2px solid #fff !important;
    background-color: #000; 
	color: #fff;
}

input.text, input.title, input[type=email], 
input[type=password], input[type=tel], 
input[type=text], textarea{
    color: #fff;
    border: 2px solid #fff;
}

input.text:focus, input.title:focus, 
input[type=text]:focus, select:focus, textarea:focus{
    border-color: #fff;
    color: #fff;
}

.et_contact_bottom_container{
    margin-top: -0.5%;
}


/*This adjustment seems to shift the logo on mobile, so the following is needed */
@media all and (max-width: 980px) {
    #logo {
        margin-top: 16px; /* Adjust this according to your logo */
    }
    #menu_image{
        display: none;
    }
    #menu_right{
        width: 99vw;
    }
    #menu_logo_inner{
        text-align: -webkit-center;
    }
    
    /*Centrera footer-menu*/
    .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap, .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: center;
     }
	.et_pb_text_align_center-phone{
		text-align: -webkit-center !important;
	}
    
    
    .resultat-container > div:first-child {
        width: 20% !important;
    }
    
    .tabell-sektion .et_pb_column.et_pb_column_2_3.et_pb_column_3.et_pb_specialty_column.et_pb_css_mix_blend_mode_passthrough{
        width: 100% !important;
    }

} 

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .resultat-container > div:first-child {
        width: 100% !important;
    }
    
    .resultat-container .et-last-child {
        width: 100% !important;
        margin-right: 0 !important;
    }
}