/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* custom fonts */
@font-face {
    font-family: 'proxima-nova';
    src: url('customfonts/proxima-nova.woff') format('woff'),
         url('customfonts/proxima-nova.woff2') format('woff2'),
         url('customfonts/proxima-nova.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansbold';
    src: url('customfonts/droid-sans.bold-webfont.woff2') format('woff2'),
         url('customfonts/droid-sans.bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('customfonts/droid-sans.regular-webfont.woff2') format('woff2'),
         url('customfonts/droid-sans.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'moskau';
    src: url('customfonts/letter_edit_-_moskaugrotesk-webfont.eot');
    src: url('customfonts/letter_edit_-_moskaugrotesk-webfont.eot?#iefix') format('embedded-opentype'),
         url('customfonts/letter_edit_-_moskaugrotesk-webfont.woff2') format('woff2'),
         url('customfonts/letter_edit_-_moskaugrotesk-webfont.woff') format('woff'),
         url('customfonts/letter_edit_-_moskaugrotesk-webfont.ttf') format('truetype'),
         url('customfonts/letter_edit_-_moskaugrotesk-webfont.svg#moskau_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BrauerNeue-Bold";
    src:url("customfonts/lineto-brauerneue-bold.eot");
    src:url("customfonts/lineto-brauerneue-bold.eot?#iefix") format("embedded-opentype"),
        url("customfonts/lineto-brauerneue-bold.woff2") format("woff2"),
        url("customfonts/lineto-brauerneue-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* homepage */
h1, h2 {margin:0 auto 40px;text-align:center;padding-bottom:40px;}
h3.register-municpality {font-size:20px;text-transform:none;}
h3.icon-subtitle {font-weight:bold;font-size:20px;text-align:center;margin:30px 0 0 0;text-transform:none;}
p.icon-breadtext {font-weight:normal;font-size:18px;text-align:center;margin-bottom:40px !important;padding:0 20px;}
p.bread-stats {width:90%;float:right;}

.blocksection {padding:80px 0;}
.blocksection.nopaddingbottom {padding-bottom:0;}

#send-button, a.actionbutton, button.actionbutton {display:block;margin:36px auto;padding:0 20px;font-size:20px;font-weight:700;background:#414042;color:#ffffff;line-height:50px;height:50px;border-radius:40px;text-align:center;border:1px solid #414042;}
#send-button, a.actionbutton, button.actionbutton:hover {cursor:pointer;}
a.actionbutton {display:table;}
a.actionbutton:hover {background:#1bbecf;border:1px solid #1bbecf;color:#ffffff;}
a.actionbutton.yellowhover:hover {background:#FEE06A;border:1px solid #FEE06A;color:#414142;}
#send-button {margin:0;background:#231F20;color:#ffffff;font-weight:normal;font-size:16px;outline:none;}
#send-button:hover {background:#939598;border:1px solid #939598;color:#ffffff;outline:none;}

.lightgrey-bkg {background:#F1F2F2;}
.black-bkg {background:#414142;}
.black-bkg h2 {color:#ffffff;}
.yellow-bkg {background:#FEE06A;}


#middle-border .section_inner_margin {margin:0 auto;max-width:650px;border-top:10px solid #1BBECF;border-left:1px solid #1BBECF; border-right:1px solid #1BBECF;border-bottom:1px solid #1BBECF;}
#middle-border .section_inner_margin h2 {text-align:left;margin-top:0;}
#middle-border .section_inner_margin {padding:40px;}

#yellow-borderbox {margin:0 auto;max-width:610px;border-top:10px solid #FEE06A;border-left:1px solid #D1D3D4; border-right:1px solid #D1D3D4;padding:40px 40px 10px;}
#yellow-borderbox li {font-size:18px;margin:24px 0;}

#yellow-borderbox-bottom {margin:0 auto;max-width:610px;border-left:1px solid #D1D3D4; border-right:1px solid #D1D3D4;border-bottom:1px solid #D1D3D4;padding:0 40px 40px;}
#yellow-borderbox-bottom p {display:block;font-size:18px;text-align:center;width:100%;}
p.price-skattekollen {font-size:20px;}

.price-column-wrapper {position:relative;display:block;text-align:center;margin-top:10px;}
.price-column {width:29%;margin-right:1%;display:block;float:left;}
.price-column >p {min-height:48px;}
.price-column.middle {width:39%;}
.price-column.last {margin-right:0;width:30%;}

.threereasons .section_inner_margin {margin:0 auto;max-width:850px;}
#skattekollare .section_inner_margin {margin:0 auto;max-width:850px;}
#swedish-belivers .section_inner_margin {margin:0 auto;max-width:650px !important;} /*width as chart in this section */
#contactsection .section_inner_margin {margin:0 auto;max-width:850px;}

.testwidget-section .section_inner_margin {margin:0 auto;max-width:850px;}
#contactsection p {margin-bottom:24px;}



#skattekollare ul {margin:0;padding:0;list-style-type:none; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
#skattekollare ul li {display:table;}
#skattekollare ul li, #skattekollare ul li a  {color:#ffffff;}
#skattekollare ul li a:hover  {color:#1BBECF;}


.q_accordion_holder.accordion.boxed .ui-accordion-header {
    text-align: left;
    background: transparent;
    text-transform:none;
font-size:16px;
line-height:normal;
}

.subpage p {width: 80%;}

#pressbanners-wrapper .section_inner {margin-left:30px;} /* center this section or at least kid the eye that */
.press-banners {display:block;margin:0 auto;max-width:850px;}
.press-banners img {float:left;margin:0;padding:0;}
#morepress {display:block;margin-top:20px;color:#ffffff;}



.home.page .footer_bottom_holder {background:#FEE06A;} /* same as yellow-bkg */
.home.page .footer_bottom_holder a {color:#414142;}
.subpage .footer_bottom_holder {background:#fee06a;}
.subpage  .footer_bottom_holder a {color:#414142;}

/* body {font-family: 'Proxima Nova Regular' !important;} */

#loginlink, #logoutlink {color:#1BBECF;}

.section_inner, .grid_section .section_inner {max-width:850px;}
.parallax_content.left, .parallax_content_full_width.left {max-width:850px;}



.swedenmap img {width:270px !important;max-width:270px !important;height:auto !important;margin-left:30%;}
.legend-image {width:290px !important;height:51px !important;}
.believer-chart {width:650px !important;height:auto !important;}

#skattekollenwidget-input .button {margin:1em auto 3em;} /* first page */
#skattekollenwidget-input {margin:0 auto;max-width:650px;}


#skattekollare .section_inner {max-width:780px;padding-left:30px;} /* center skattekollare section */


.carousel-inner p,
.carousel-inner h2,
.carousel-inner .slide_subtitle,
.carousel-inner .slider_content .text
{
	text-align: center !important;
}
.carousel-inner .active .slider_content .text {
	-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
	-webkit-animation: none !important;
}
.carousel-inner .slider_content {
	opacity: 1 !important;
	text-align: center !important;
        position:fixed;
        left:0 !important;
        right:0 !important;
        margin:0 auto;
}
.carousel-inner .slider_content_outer {
	opacity: 1 !important;
}
.carousel-inner .slider_content .text {
	opacity: 1 !important;
}

.home.page #skattekollenwidget-result .deliveredbytext {display:none;}


.footer_bottom ul li a {display:block;}

.home.page input, .home.page.easycontactnospamform input, .home.page .easycontactnospamform textarea{width:100% !important;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width:300px !important;min-width:300px;}
.subpage input, .subpage .easycontactnospamform input, .subpage .easycontactnospamform textarea{width:100% !important;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width:300px !important;min-width:300px;}
 

.q_slider, .carousel-inner {max-height:600px !important;} /*also make sure first section of page is full width */
.carousel-inner {overflow:hidden !important;}


#back_to_top {display:none !important;}
#back_to_top.on {visibility:hidden !important;}

 
/* Responsive part */
@media only screen and (max-width: 800px) {
    .textcenterblock, .textcenterblock div p {text-align:center !important;}        
    #contactsection .section_inner_margin {text-align:center;}
    .swedenmap {text-align:left !important;}
}

@media only screen and (max-width: 600px) {

#diagramholder svg {left:-80px !important;}
#skattekollenwidget-result .communalinfo {left:50px !important;}
.contact-info {width:260px;margin:0 auto;}

#skattekollenwidget-input span {display: block;margin-top: 1.6em;text-align: center;}
#skattekollenwidget-input #inputIncome {
margin-left: 29%;
    margin-top: 1em;
    line-height: normal;
    display: inline-block;
    margin-right: 5px;
    width: 136px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    border:1px solid transparent;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#skattekollenwidget-input #inputSubmit {text-indent:0;padding:0;   border:1px solid transparent;width:260px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.wpb_single_image img {max-width:400px;}
.q_slide_text {font-size:36px !important;}
.price-column >p {
min-height: auto;
}

.price-column {width:100%;margin: 2em auto;float:none;}

.price-column.last {
width:100%;
}

.subpage p {width:100%;}


}

@media only screen and (max-width: 480px) {
.home.page input, .home.page.easycontactnospamform input, .home.page .easycontactnospamform textarea{width:260px !important;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width:260px !important;min-width:260px;}
.subpage input, .subpage .easycontactnospamform input, .subpage .easycontactnospamform textarea{width:260px !important;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width:260px !important;min-width:260px;}

 .container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu ul, .container_inner nav.content_menu {width:100%;}

#skattekollare ul li, #skattekollare ul li a {display:block;text-align:center;}
.wpb_single_image img {max-width:340px;}
.slider_content {top:10% !important;}
h1 {font-size:30px !important;padding:0 20px;margin-bottom:1em !important;}
h2 {font-size:28px;}


.vc_row {margin-left:0;margin-right:0;}
.swedenmap img {max-width:200px !important;}
#skattekollare ul {padding-bottom:2em;-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
h2 {font-size:28px;}
h3.icon-subtitle {font-size:16px;}
.blocksection {padding:20px 0;}
.slider_content {top:10% !important;width:300px !important;left:10% !important;}
#skattekollare .section_inner {max-width:300px;padding-left:0;} /* center skattekollare section */
h2.testskattekoll {margin-bottom:1em;padding-bottom:0;}
.subpage p {width:100%;}
.subpage .wpb_content_element {width:94%;padding: 0 3% 1em;}
.subpage h1, .subpage h2 {padding-bottom:0;}
.press-banners img {display:block;margin:0 auto;float:none;}
#pressbanners-wrapper .section_inner {margin-left:0;}
#morepress {margin-top:2em;}

.easycontactnospamform #send-button {width:260px;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#skattekollenwidget-input {margin-bottom:3em !important;}
#skattekollenwidget-input label {display:inline-block;height:40px;line-height:normal;margin-left:0.5em;}

}

@media only screen and (max-width: 400px) {
    
    .wpb_single_image img {max-width:280px;}        
}


.videowrapper div p {
	position: relative !important;
	padding-bottom: 56.25% !important;
	height: 0 !important;
                max-width:100% !important;
                overflow:hidden;
                min-width:100% !important;
                
}
.videowrapper div p object,
.videowrapper div p embed, .videowrapper div p iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
        height:100% !important;
            padding-bottom:0 !important;
            margin-bottom:0 !important;
}