/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

@media (min-width: 992px){
	.fl-page-nav-right .fl-page-header-wrap {
	    border-bottom: 2px solid rgba(13, 13, 13, 0.05);
	}
}

.fl-page-nav-wrap {
    border-bottom: 0;
    border-top: 0;
}
/*--- Post-grid ---*/
.fl-builder-pagination {
    padding: 10px 0;
}
.fl-post-grid-post {
    background: rgba(255,255,255, 0.75);
    border: 0;
}
.fl-builder-pagination li span.current {
    background: none;
}
.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
    border: 0;
    font-size: 20px;
    padding: 0px 10px;
    margin: 0;
}
.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
    background: transparent;
}
body .fl-post-grid-text, body .fl-post-grid-content p {
    font-size: 18px;
    line-height: inherit;
}
/*--- Tabs ---*/
.tabs-wrap .fl-tabs-panel-content{
	padding: 30px;
}
.tabs-wrap .fl-tabs-panels {
    background: rgba(255,255,255, 0.5);
    border: 0;
}
.tabs-wrap .fl-tabs-label.fl-tab-active {
    background: rgba(255,255,255, 0.5);
    border: 0;
    color: #383838 !important;
}
.tabs-wrap .fl-tabs-label:hover {
	color: #383838 !important;
}
.tabs-wrap .fl-tabs-label {
    padding: 15px 25px;
    font-size: 18px;
    color: #dedede !important;
}
.tabs-wrap h1, .tabs-wrap h2, {
    margin-top: -5px !important;
}
.tabs-wrap .fl-tabs-horizontal .fl-tabs-label.fl-tab-active {
    border-width: 0;
    border-style: solid;
    border-bottom: none !important;
    padding: 15px 25px 15px;
    top: 0;
}

/*--- Formulär ---*/
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], textarea{
	border-radius: 0;
	border: none;
	background: #fff;
    padding: 10px 12px;
    font-size: 18px;
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search] {
    height: 40px;
}
.page-id-9 input[type=text], .page-id-9 input[type=password], .page-id-9 input[type=email], .page-id-9 input[type=tel], .page-id-9 input[type=date], .page-id-9 input[type=month], .page-id-9 input[type=week], .page-id-9 input[type=time], .page-id-9 input[type=number], .page-id-9 input[type=search], .page-id-9 textarea{
    border: 1px solid #ccc;
}
.fl-contact-form label {
    font-size: 18px;
    font-weight: normal;
}
a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
    background: rgba(255,255,255, 0.5);
    color: #505050;
    border: none;
}
a.fl-button:hover, .fl-builder-content a.fl-button:hover {
    background: #ffffff;
    color: #505050 !important;
    border: none;
}

.fl-slideshow-container{
	background: rgba(33, 33, 33, 0.18);
}
@media (min-width: 992px){

}
@media (min-width: 768px){

}
.heading-txt h1, .heading-txt h2{
    color: #ffffff;
    text-shadow: 1px 1px 4px rgba(33, 33, 33, 0.24);
    text-transform: uppercase;
}
.heading-txt h1 {
    font-size: 60px;
    letter-spacing: .1em;
    line-height: 1;
}
.heading-txt h2 {
    letter-spacing: .15em;
}
blockquote {
    border-color: #dee6ef;
}
blockquote h1, blockquote h2{ 
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1em;
}
.form-control, .form-control:focus {
    background-color: #2c3c4c;
    border-color: #ccc;
}
.form-inline .form-control {
    width: 100%;
}
.price-{
    padding: 20px;
}
@media (max-width: 1024px){
    .sek1 .fl-row-content-wrap{
        padding-bottom: 100px; 
        padding-top: 70px;
    }
    .sek2 .sek2-right .fl-col-content {
        padding-left: 20px;
        padding-right: 82px;
    }
    .sek3 .fl-row-content-wrap{
        padding-top: 80px;
        padding-bottom: 90px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .sek4 .fl-row-content-wrap {
        padding-top: 100px;
        padding-bottom: 130px;
    }
    .sek5 .fl-row-content-wrap {
        padding-top: 70px;
        padding-bottom: 100px;
        padding-left: 60px;
        padding-right: 60px;
    }
    .sek5 .fl-row-content-wrap blockquote{

    }
    .sek6-left .fl-col-content {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 20px;
    }
    .sek7 .fl-row-content-wrap {
        padding-top: 80px;
        padding-bottom: 100px;
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (max-width: 770px){
    .sek1 .fl-row-content-wrap{
        padding-bottom: 100px; 
        padding-top: 70px;
    }
    .sek3 .fl-row-content-wrap{
        padding-top: 80px;
        padding-bottom: 90px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .sek4 .fl-row-content-wrap {
        padding-top: 100px;
        padding-bottom: 130px;
    }
    .sek5 .fl-row-content-wrap {
        padding-top: 70px;
        padding-bottom: 100px;
        padding-left: 60px;
        padding-right: 60px;
    }
    .sek5 .fl-row-content-wrap blockquote{
        display: none;
    }
    .sek6 .fl-rich-text h1, .sek6 .fl-rich-text p{
        text-align: left !important;
    }
    .sek6 .fl-builder-content .fl-button-right {
        text-align: left !important;
        float: left !important;
    }
    .sek6-left .fl-col-content {
        padding-left: 60px;
        padding-right: 60px;
    }
    .sek7 .fl-row-content-wrap {
        padding-top: 80px;
        padding-bottom: 100px;
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (max-width: 415px){
    .columns-2 .column {
        width: 100%;
    }
    h1 span{
        font-size: 30px !important;
    }
    p span{
        font-size: 18px !important;
    }
    .sek4 h1 span {
        font-size: 40px !important;
    }
    .sek2 .sek2-right .fl-col-content {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .heading-txt h1 {
        font-size: 40px;
    }
    .heading-txt h2 {
        letter-spacing: 0;
    }
    .sek1 .fl-row-content-wrap {
        padding-bottom: 60px;
        padding-top: 20px;
    }
    .sek5 .fl-row-content-wrap {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .sek6-left .fl-col-content {
        padding-top: 10px;
    }
    .sek7 .fl-row-content-wrap {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .sek3 .fl-row-content-wrap {
        padding-top: 40px;
        padding-bottom: 50px;
    }
}