/* 
 Theme Name:     Call&Report Child Theme
 Author:         Pinkport Design
 Author URI:     https://www.pinkport.se
 Template:       Divi
 Version:        1.0 
 Colors:         #d82520 (röd)
*/ 

@import url("../Divi/style.css");

/*------------------------------------------------------------*\
GLOBAL SETUP
\*------------------------------------------------------------*/

html {-webkit-font-smoothing: antialiased;}

/*#et-top-navigation, .et_mobile_menu .menu-item-has-children > a {font-weight: normal !important;} /*DIVI meny är alltid bold*/
#et_loading { background: #ffffff url('images/loading.gif') no-repeat center center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; }

h1, h2,h3,h4,h5,h6 {font-weight: 700;}
body h1 {font-size: 50px;}
body.home h2 {font-size: 42px;}

h6 {padding: 6px 10px; background: #d82520; color: #fff !important; display: inline-block; font-size: 15px; font-weight: 700; margin-bottom: 5px;}
.bigtext, .bigtext p {font-size: 18px; font-weight: 700;}
.bigtext.et_pb_bg_layout_dark p {color: #fff !important; line-height: 1.8;}
hr {border-color: #d82520; border-style: solid; max-width: 100px; margin: 50px auto; height: 3px; background: #d82520;}

.dark-overlay:after {display: block; content: " "; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.8); }
.bg-light, .bg-alt:nth-child(odd) {background-color: #f7f7f7; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.07); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,.07); box-shadow: inset 0 0 7px rgba(0,0,0,.07);}
.bg-dark {background-color: #111;}
.bg-alt:nth-child(even) {background-color: #fff;}

.no-p-padding p {padding: 0;}

body .button-on-red a:hover {background: #fff !important; color: #d82520;}
body .button-on-red a::after {margin: 0 !important;}

.milj .percent-value:after {content: " mn"; position: relative;}

.button-red, .button-red:hover, .custom-slider .et_pb_button, .custom-slider .et_pb_button:hover {color: #fff !important; border: 0px !important; background: #d82520;}
.button-red:hover, .custom-slider .et_pb_button:hover {background: rgba(216, 37, 32, 0.5);}
.custom-slider .et_pb_button {margin-top: 35px;}
:not(.et_pb_post_slider).custom-slider .et_pb_slide_title {margin-bottom: 15px;}
/*.et_pb_bg_layout_dark p {color: #bbb !important;}*/
.et_pb_slide_content {color: #121212;}
.et_pb_slide_content .post-meta {margin-bottom: 1em;}

.et_pb_button_alignment_left {display: inline-block; float: left; margin-right: 20px;}
.et_pb_button {padding: 10px 40px 10px 20px !important;} 


/* Jagged logos in Chrome */
/*#logo {max-height: inherit !important;}*/
#main-header, #main-header.et-fixed-header {box-shadow: none !important;}

/* #logo, .logo_container {-webkit-backface-visibility: hidden !important; -webkit-background-clip: content-box !important; -webkit-transform-style: preserve-3d !important; padding: 1px; outline: 1px solid transparent;} */

/* SIDOR */
.error404 #sidebar {display: none;}


/* Få fullhöjdbilder när raden är satt till expand height */
.bg-image-square {
	height: 100%;
	width: 100%;
	display: block;
	background-size: cover;
	min-height: 300px;
}

.text-center * {text-align: center;}


/*.makedark .et_parallax_bg {background-blend-mode: multiply; background-color: rgba(0,0,0,0.5) !important;}*/
.graybg {/*background-image: linear-gradient(138deg,#f7f7f7 0%,#f2f2f2 100%) !important;*/ background-color: #f0f0eb !important;}

.et_pb_slide_description .et_pb_slide_title {font-size: 26px !important; font-weight: 700 !important;}
.et_pb_slide_content {margin-top: 20px;}
.et_pb_blurb_content {max-width: inherit;}

a.button {background: #d82520; color: #fff; padding: 10px 20px; display: inline-block;}


.et_pb_blog_grid .et_pb_post {-webkit-box-shadow: 0px 2px 10px rgba(100,100,100,0.1); -moz-box-shadow: 0px 2px 10px rgba(100,100,100,0.1); box-shadow: 0px 2px 10px rgba(100,100,100,0.1);}

.mfp-title {background: #d82520; padding: 20px; text-transform: uppercase; font-size: 20px; font-weight: 700;}
/*.mfp-figure figure {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse; 
  	flex-direction: column-reverse; 
}

.mfp-figure:after {background: none;}

.mfp-bottom-bar {
    margin-top: -40px;
    position: relative;
    top: 100%;
}

img.mfp-img {padding: 0px 0 40px;}*/


#et-info, #et-secondary-menu>ul>li a {    padding-bottom: 0;}


/*------------------------------------------------------------*\
STARTPAGE
\*------------------------------------------------------------*/

.hero .et_pb_fullwidth_header_container {max-width: 1080px; width: 80%; margin: auto;}
.hero .et_pb_header_content_wrapper {max-width: 500px; font-size: 18px; line-height: 1.8; font-weight: 700; margin-bottom: 10px; color: #fff;}
.hero hr {margin-left: 0;}

.et_pb_fullwidth_header .header-content {
    padding: 80px 0;
    text-align: center;
}


#testimonials em {font-style: italic; font-size: 36px; line-height: 1.4; font-weight: 700; color: #262626;}
#siffror h3 {font-weight: 400;}

/*------------------------------------------------------------*\
NYHETER
\*------------------------------------------------------------*/

body.page-nyheter article.et_pb_post {background: #f7f7f7; padding: 30px;}
body.page-nyheter article.et_pb_post .entry-title {padding-left: 0px; padding-right: 30px; padding-top: 10px; float: left; width: calc(100% - 430px);}
body.page-nyheter article.et_pb_post .post-meta {padding-left: 0px; padding-right: 30px; margin-bottom: 20px; float: left; width: calc(100% - 430px);}
body.page-nyheter article.et_pb_post .post-content {padding-left: 0px; padding-right: 30px; padding-bottom: 30px; float: left; width: calc(100% - 430px);}
body.page-nyheter article.et_pb_post a.entry-featured-image-url {width: 400px; float: left; margin-right: 30px; margin-bottom: 0px;}

#news article.et_pb_post {background: #f7f7f7; padding: 30px;}
#news article.et_pb_post .entry-title {padding-left: 0px; padding-right: 30px; padding-top: 10px; float: left; width: calc(100% - 430px);}
#news article.et_pb_post .post-meta {padding-left: 0px; padding-right: 30px; margin-bottom: 20px; float: left; width: calc(100% - 430px);}
#news article.et_pb_post .post-content {padding-left: 0px; padding-right: 30px; padding-bottom: 30px; float: left; width: calc(100% - 430px);}
#news article.et_pb_post a.entry-featured-image-url {width: 400px; float: left; margin-right: 30px; margin-bottom: 0px;}


article.et_pb_post .button {margin-top: 20px;}

body.single-post #main-header {background: #d82520;}
body.single article.et_pb_post .post-meta {font-weight: 700; text-transform: uppercase; color: #333333!important;}



/*------------------------------------------------------------*\
MENUES
\*------------------------------------------------------------*/

.et_mobile_menu li.current-menu-item > a, .et_mobile_menu li.current_page_ancestor > a {color: #ffc310;}
#top-menu > .current-menu-item > a::before {position: absolute; content: ""; width: 100%; height: 2px; background: rgba(255,255,255,0.5); left: 0; top: 1.5em;}
#top-menu > li > a::before {position: absolute; content: ""; width: 0%; height: 2px; background: rgba(255,255,255,0); left: 0; top: 1.5em; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
#top-menu > li > a:hover::before {width: 100%; background: rgba(255,255,255,0.3);}
#top-menu li li {padding: 0px !important; width: 100% !important;}
#top-menu li li a {padding: 6px 20px; width: auto !important;}
#top-menu li ul {box-shadow: none !important; padding: 0; border: 0;}

/* Responsiv meny */
body #main-header .mobile_menu_bar:before {color: #fff;}
body #main-header .et_mobile_menu {width: 100%; max-width: 250px; left: auto; right: 0; background: #d82520; border: 0; padding: 0px;}
body #main-header .et_mobile_menu li {}
body #main-header .et_mobile_menu li a {border-bottom: 1px solid rgba(0,0,0,.1); color: rgba(255,255,255,1); padding: 12px 30px;}
body #main-header .et_mobile_menu > li:first-child a {border-top: 1px solid rgba(0,0,0,.1);}

body #main-header .et_mobile_menu li a:hover {color: #fff; opacity: 1; background-color: rgba(0,0,0,.1);}
body #main-header .et_mobile_menu li.current-menu-item > a, body #main-header .et_mobile_menu li.current_page_ancestor > a {color: #fff; background-color: rgba(0,0,0,.1);}

/* Språk i menyn */ 

body #main-header .pll-parent-menu-item ul.sub-menu {right: 0; width: max-content !important; min-width: 140px;}
body #main-header .pll-parent-menu-item ul.sub-menu li {width: 100% !important; float: left; display: block; clear: both;}
body #main-header .pll-parent-menu-item ul.sub-menu li a {padding: 6px 12px;}
body #main-header .pll-parent-menu-item ul.sub-menu li a:hover {background-color: rgba(0,0,0,.1);}

body #main-header .et_mobile_menu .pll-parent-menu-item > a {display: none;}
body #main-header .et_mobile_menu .pll-parent-menu-item ul.sub-menu {padding: 12px 30px; display: inline-block !important; width: 100% !important;}
body #main-header .et_mobile_menu .pll-parent-menu-item ul.sub-menu li {padding: 0;}
body #main-header .et_mobile_menu .pll-parent-menu-item ul.sub-menu li a {padding: 6px 12px; display: inline-block; float: left; border: 0;}

/*------------------------------------------------------------*\
LISTOR
\*------------------------------------------------------------*/

.entry-content ul {padding: 0 0 1em 34px;}

#main-content .et_pb_text ol {counter-reset: my-badass-counter;}
#main-content .et_pb_text ol li {position: relative; list-style: outside none none;}
#main-content .et_pb_text ol li:after {
	content: counter(my-badass-counter); 
	counter-increment: my-badass-counter; 
	position: absolute;
	left: -22px;
	top: 5px;
	background: #d82520;
	padding: 3px;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	line-height: 8px;
	color: #fff;
	text-align: center;
	font-size: 10px;
}   	
	
#main-content .et_builder_inner_content ul, #main-content .et_builder_inner_content ol {padding: 0 1em 1.5em 40px;}
#main-content .et_builder_inner_content ul li {
    list-style: outside none none;
    margin: 0;
    position: relative;
}
#main-content .et_builder_inner_content ul li::before {
    color: #d82520;
    content: "\4e";
    font-family: "ETmodules";
    left: -22px;
    margin: 0;
    position: absolute;
    top: 0;
}

ul.list, ul.check, ul.cross, ul.file {padding: 0 1em 0em 26px;}
ul.list li, ul.check li, ul.cross li, ul.file li {
    list-style: outside none none;
    margin: 0;
    position: relative;
}
ul.list li::before {
    color: #d82520;
    content: "\3d";
    font-family: "ETmodules";
    left: -26px;
    margin: 0;
    position: absolute;
    top: 0;
}

#main-content .et_pb_text li.check::before, #main-content .et_pb_text ul.check li::before, ul.check li::before {
    color: #d82520;
    content: "\4E";
    font-family: "ETmodules";
    left: -26px;
    margin: 0;
    position: absolute;
    top: 0;
}

#main-content .et_pb_text li.cross::before, #main-content .et_pb_text ul.cross li::before, ul.cross li::before {
    color: #d82520;
    content: "\4D";
    font-family: "ETmodules";
    left: -26px;
    margin: 0;
    position: absolute;
    top: 0;
}

#main-content .et_pb_text li.file::before, #main-content .et_pb_text ul.file li::before, ul.file li::before {
    color: #ffc310;
    content: "\e092";
    font-family: "ETmodules";
    left: -26px;
    margin: 0;
    position: absolute;
    top: 0;
}


/*------------------------------------------------------------*\
SLIDERS
\*------------------------------------------------------------*/

.et-pb-controllers a {background-color: #666;}
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {background-color: #d82520;}

.et-pb-controllers {bottom: 0px;}


/*------------------------------------------------------------*\
FORMULÄR
\*------------------------------------------------------------*/

.entity-form div.form-group {margin-bottom: 10px;}

.entity-form div.form-group input, .entity-form div.form-group select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
}
.entity-form div.form-group select {padding: 16px 20px 16px 16px;}

.entity-form div.form-group:nth-of-type(odd) {width: 50%; padding-right: 10px; float: left;}
.entity-form div.form-group:nth-of-type(even) {width: 50%; padding-left: 10px; float: left;}

.entity-form div.form-group:nth-of-type(6) .col-sm-8 {position: relative;}
.entity-form div.form-group:nth-of-type(6) .col-sm-8:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #666;
    margin-top: 3px;
    pointer-events: none;
}

.entity-form div.form-group:nth-of-type(7) {clear: left; width: 50%; padding: 0;}

.entity-form div.form-group input.btn {
	font-size: 16px;
    background-color: #d82520;
    border-width: 0px!important;
    border-radius: 0px;
	color: #fff;
	width: auto;
	padding: 15px 30px;
	cursor: pointer;
	float: right;
	margin-top: 10px;
}


/*------------------------------------------------------------*\
DIVIFIX
\*------------------------------------------------------------*/

.et_pb_blog_grid .et_pb_post {border: 0 !important; overflow: hidden;}
.et_pb_contact p select {font-family: inherit; font-size: 14px;}
/*.et_pb_fullscreen .et_pb_fullwidth_header_container {max-width: 1080px; width: 100%;}*/

/* Fix DIVI Gallery overlay */
.et_overlay {border: none !important;}


/*------------------------------------------------------------*\
FOOTER
\*------------------------------------------------------------*/

.footer-widget ul {border-top: 1px solid #333; margin-top: 0.5em; width: 100%;}
.footer-widget li {border-bottom: 1px solid #333; margin: 0 !important; padding: 6px 0 !important;}
.footer-widget li:before {display: none;}
.footer-widget :not(.widget_icl_lang_sel_widget) li a:after  {
    font-family: "ETmodules";
    font-size: 20px;
    line-height: 1;
	content: "5";
	color: #666;
	position: absolute;
	right: 0;
}
.footer-widget li a:hover::after {
    font-family: "ETmodules";
    font-size: 20px;
    line-height: 1;
	content: "5";
	color: #ffc310;
	position: absolute;
	right: 0;
}
.footer-widget .widget_icl_lang_sel_widget li {border: 0;}
.footer-widget .widget_icl_lang_sel_widget li a:after  {display: none;}
.wpml-ls-legacy-list-horizontal {padding: 0; border: 0;}
#main-header .et_mobile_menu li.wpml-ls-current-language ul.sub-menu, .et_mobile_menu li.wpml-ls-current-language li {padding: 0;}

.et_pb_text ol {list-style-position: outside; padding-left: 2em;}
.et_pb_widget a:hover {color: #ffc310 !important;}
#footer-widgets .footer-widget li a {width: 100%; display: block;}
.et_pb_widget {width: 100%;}
.et_pb_footer_columns3 .footer-widget:nth-child(3) {margin-right: 0;}
.et_pb_footer_columns3 .footer-widget {width: 29.666%;}
.footer-widget {margin: 0 5.5% 5.5% 0;}


/*------------------------------------------------------------*\
RESPONSIVITET
\*------------------------------------------------------------*/

@media all and (max-width: 1200px) {
	/* Visar responsiva menyn */
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
	
	body.page-nyheter article.et_pb_post .entry-title {font-size: 26px !important;}
}


@media all and (max-width: 980px) {
	.responsive-rows {margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px; padding-bottom: 0px;}
	.et_pb_blurb_content {margin: 0;}
	
	h1 {font-size:  30px !important;}
	h2 {font-size:  26px !important;}
	.hero .header-content {margin: auto !important; max-width: 1080px;}
	#testimonials em {font-size: 20px;}
	
	body.page-nyheter article.et_pb_post a.entry-featured-image-url {width: 100%;margin-right: 0px; margin-bottom: 20px;}
	body.page-nyheter article.et_pb_post .entry-title {width: 100%;}
	body.page-nyheter article.et_pb_post .post-meta {width: 100%;}
	body.page-nyheter article.et_pb_post .post-content {padding-bottom: 0px; float: left; width: 100%;}
	
}

@media all and (max-width: 767px) {
	#testimonials em {font-size: 14px;}
	body.page-nyheter article.et_pb_post .entry-title {font-size: 20px !important;}
}

@media all and (max-width: 600px) {
	.entity-form div.form-group:nth-of-type(odd), .entity-form div.form-group:nth-of-type(even) {width: 100%; padding: 0px; float: left;}
}