/*

 Theme Name:     Fortuna Child

 Description:    Fortuna Child Theme

 Author:         BlueOwlCreative

 Template:       fortuna



*/

 

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

 

/* Theme customization starts here */



body {

    background: #f8f8f8;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    line-height: 190%;

    color: #666;

}





/* ------------------------------------ Headings ------------------------------------ */



h1, h2, h3, h4, h5, h6, .heading_font {

    text-transform: uppercase;

    letter-spacing: 0;

    font-family: 'Open Sans', sans-serif;

}



.section_big_title h1 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {

    color: #17469d!important;

}



h1, .page_heading h1 {

    font-size: 28px;

/*    color: #444!important;*/

    margin: 0 0 15px;

    font-weight: 600;

}



h2 {

    font-size: 24px;

    color: #999;

    margin: 0 0 15px;

    font-weight: 600;

}



h3 {

    font-size: 21px;

    color: #444;

    margin: 0 0 10px;

    font-weight: 600;

}



h4 {

    font-size: 18px;

    color: #999;

    margin: 0 0 10px;

    font-weight: 600;

}

h5 {

    font-size: 16px;

    color: #444;

    margin: 0 0 5px;

    font-weight: bold;

}

h6 {

    font-size: 14px;

    color: #999;

    margin: 0 0 5px;

    font-weight: bold;

}





/* ------------------------------------ Wrapper / Sections------------------------------------ */



#wrapper.boxed_wrapper {

    box-shadow:none;

}



.boxed_wrapper, .boxed_wrapper #header, .boxed_wrapper #footer {

    width: 1200px;

}



.vc_column-inner, .boxed_wrapper .vc_row:not(.vc_inner){

    padding:0!important;

    margin:0!important;

}







/* Full width content width */

#wrapper.full_width_wrapper .content_body .page > .container {

    width: 1200px;

}



/* Full width content padding */

#wrapper.full_width_wrapper .content_body .page .section {

    padding: 0px 0px;

}



#wrapper.full_width_wrapper .content_body .page .section .vc_row {

    margin-left: -20px;

    margin-right: -20px;

}



.content_body {
    background-image: url(/wp-content/uploads/overlay-150x150.png), linear-gradient(0deg, rgba(23, 70, 157, 0.06) -5%, rgb(255, 255, 252) 45%)!important;
}



/* Boxed main padding */

.content_body .page .section {

    padding: 20px 0px;

}



/* Boxed content padding */

.content_body .container > .section{

    padding: 20px;

}

/* Home boxed content padding - removing side padding */

.home .content_body .container > .section {

    padding: 20px 0px;

}





/* Boxed full width rows */

#wrapper.boxed_wrapper .vc_row-fluid {

    width: 100%!important;

    left:0!important;

}



.vc_row-no-padding > div {

    padding:0;

}







/* ------------------------------------ Columns ------------------------------------ */



.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_1_of_3, .span_2_of_3 {

    float: none;

    display: inline-block;

    vertical-align: top;

    margin: 0 -2px;

}



.span_1_of_4 {

    width: 25%;

}

.span_3_of_4 {

    padding-right: 40px;

    width: 75%;

}



.span_1_of_3 {

    width: 34%;

}

.span_2_of_3 {

    padding-right: 40px;

    width: 66%;

}



.vc_column_container {

    padding-left: 20px;

    padding-right: 20px;

}





/* ------------------------------------ Contact Form ------------------------------------ */



.wpcf7-form p {

    margin-bottom: 0;

}



/* ----- Contact Form Validation ------ */

div.wpcf7-response-output {

    padding: 10px;

    margin:0;

}





div.wpcf7-validation-errors {

    border:0;

    background: #eb5300;

    color: #fff;

}



div.wpcf7-mail-sent-ok {

    border:0;

    background:#53a502;

    color: #fff;

}



span.wpcf7-not-valid-tip {

    margin-top: -10px;

    font-size: 12px;

}



/* ------------------------------------ Inputs / Contact Fields ------------------------------------ */



input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {

    margin: 0 0 10px;

    background: #fff;

    border: none;

    border-radius: 0;

    color: #666;

    width: 100%;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

}



textarea {

    height: 160px;
    color: #fff;
}



/* ------------------------------------ Buttons ------------------------------------ */



.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {

    background: #fff !important;

    line-height: 180%;

    padding: 8px 20px;

    font-family: 'Open Sans', sans-serif;

    font-weight:bold;

    text-transform: uppercase;

    text-shadow: none;

    border-radius:0;

    -webkit-border-radius:0px;

    -webkit-appearance: none;

    color: #17469d;

    width: 50%;

    margin: 0 auto;

    display: block;
}



.button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {

    background: #17469d!important;
    color: #fff!important;

}





/* ------------------------------------ Header ------------------------------------ */



#header {

    background: #fff;

    box-shadow: none;

}



/* Fixed Header */



#header.scrolled {

    background: rgba(255,255,255,0.8);

}





#header {
    background-image: url(/wp-content/uploads/overlay-150x150.png), linear-gradient(0deg, rgb(23, 70, 157) -305%, rgb(255, 255, 252) 85%)!important;
}



/* ------------------ Top Bar ------------------ */



.full_header.mobile {

    display: none!important;

}



.full_header {

    border:0;

    border-top: 5px solid #17469d;

    background-color: rgba(0,0,0,0);
    
    padding: 0px 10px 0px 10px;
    
    border-radius: 0px 0px 3px 3px;
    
/*    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/

}



#subheader {

    color: #fff;

    opacity: 1;

}



/* header contact details */

.header_contact_item {

    float: none;

    display: block;

    vertical-align: middle;

    margin-right: 22px;

    color: #17469d;

    /*background-color: #17469d;*/

    padding: 10px;

    text-align:left;

    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/

}


#header .header .container {

    width: 100%!important;

    }   

#menu {

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 6px 3px rgba(0,0,0,0.23);

    background-color: #17469d;

}

#menu ul {
    
    width: 100%;

    max-width: 1200px;

    display: flex!important;

    justify-content: space-between;

    flex-wrap: nowrap;

    margin: 0 auto;

/*    overflow: hidden;*/

    padding-left: 10px;

    padding-right: 10px;
}

.header_contacts { 
 
    font-size: 20px;

    font-family: 'Roboto', Montserrat, Arial, Helvetica, sans-serif;

    font-weight: 600;

    background-color: rgba(0,0,0,0);
/*
    -webkit-transform: skew(-20deg);

    -moz-transform: skew(-20deg);

    -o-transform: skew(-20deg);*/

    padding: 10px 15px 10px 6px;

    border-radius: 0px 0px 3px 3px;

/*    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 6px 3px rgba(0,0,0,0.23);*/



 }

.header_contacts a {

    color: #17469d;

}

.header_contacts a:hover {

    color: #c0dff9;

}



.header_contacts .icon {

    color: #17469d;

    margin-right: 15px;

    font-size: 24px;

}



.header_contacts .icon.icon-phone3 {

    margin-right: 10px;

}



/* header social media */

a.header_soc_icon {

    opacity: 1;

    color: #17469d;

    margin: 4px 0 0;

}



a.header_soc_icon:hover {

    color: #4874c5;

}



/* ------------------ Main Header ------------------ */





#logo {

    padding: 30px 0px;

}


#header.scrolled #logo {

    padding: 10px 0px;

}



#header .block_header #logo {

    padding:0;
    max-width: 1200px;
    margin: 0 auto;

}



#header.scrolled .block_header #logo {

    margin-top: 5px;

}



#header .block_header #logo .logo_img {

    margin: 0px auto 10px;

    display:block!important;

    height: 180px;

}



.mobile-phone, .mobile-social, #mobile_contact {

    display: none;

}

/* ------------------ Menu ------------------ */





/* change these values if you change the header height */

#menu > ul > li > a, #header .header_cart .icon {

    line-height: 116px!important;

}

#header.scrolled #menu > ul > li > a, #header.scrolled .header_cart .icon {

    line-height: 60px!important;

}



#header .block_header #menu > ul > li > a, #header .block_header .header_cart .icon {

    line-height: 60px!important;

}



/* menu underline hover effect */

.main_menu_underline_effect #menu > ul > li > a::after {

    background-color: #444!important;

}



#menu {

    font-family: 'Open Sans', sans-serif;

}



#menu > ul > li > a {

    color: #fff;

    padding: 4px 15px 0px 15px;

    font-size: 13px;

    font-weight: 600;

}



#menu > ul > li > a:hover {

    color: #bbd3ff;

}



#menu > ul > li > div {

    border-top:0!important;

    background: none!;

}



#menu > ul > li ul > li > a {

    background: #3a6dce!important;

    padding: 10px 15px;

    border-bottom: 1px solid rgba(255,255,255,0.2);

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

}



#menu > ul > li ul > li > a:hover {

    background: #7194d6!important;

}





/* ------------------ Search ------------------ */



#menu > ul > li.boc_search_toggle_li > a {

    color: #fff;

    font-weight: normal;

    font-size: 15px;

}

#menu > ul > li.boc_search_toggle_li > a:hover {

    color: #999;

}



#boc_searchform_in_header {

    background: rgba(23, 70, 157, 0.9);

}



#boc_searchform_close {

    top: 45px!important;

}







/* ------------------------------------ Page Heading ------------------------------------ */



.page_title_bgr .full_container_page_title {

    border-bottom:0;

    padding: 20px 5px!important;

    margin-bottom: 10px!important;

}



.full_container_page_title .container {

    width: 100%;

}



#wrapper.full_width_wrapper .full_container_page_title .container {

    width: 1200px;

}

#wrapper.full_width_wrapper .full_container_page_title .container .section {

    padding: 20px 0px;

}



.page_heading h1 {

    color: #17469d!important;

}



.breadcrumb a {

    color: #aaa;

}



.breadcrumb a:hover {

    color: #999;

}





/* ------------------------------------ Slideshow ------------------------------------ */



.slider-heading {

    font-family: 'Open Sans',sans-serif!important;

}



.slider-text {

    font-family: 'Open Sans',sans-serif!important;

}



.slider-button {

    font-family: 'Open Sans',sans-serif!important;

    -webkit-transition: all 0.5s ease!important;

    -moz-transition: all 0.5s ease!important;

    -ms-transition: all 0.5s ease!important;

    -o-transition: all 0.5s ease!important;

    transition: all 0.5s ease!important;

    line-height: 190%!important;

    padding: 8px 20px!important;

    background: #17469d!important;

    color: #fff;

}



.slider-button:hover {

    background: #fff!important;

}





/* ----------- Slideshow Arrows ----------- */



.tp-rightarrow.custom::before, .tp-leftarrow.custom::before {

    color: #fff!important;

    font-size: 38px!important;

    line-height: 60px!important;

}



.tp-leftarrow.custom, .tp-rightarrow.custom, .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover {

    background: none!important;

}



.tparrows.tp-leftarrow, .tparrows.tp-rightarrow {

    border-radius:0!important;

}





/* ------------------------------------ Blog ------------------------------------ */



.post_item .pic {

    width: 260px;

    height: auto;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}



/* ------------------------------------ Contact Page ------------------------------------ */



.contact_page_template .section .wpb_column {

    padding:0;

}









/* ------------------------------------ Footer ------------------------------------ */



#footer {

    background: rgb(23, 70, 157);

    padding:0;

    color: #fff;

    font-size: 12px;

}



#footer .container {

    padding:0;

    width: 100%;

}




#footer > div > .container {

    padding-left: 0!important;

    padding-right:0!important;

}



#wrapper.full_width_wrapper #footer .container {

    width: 1200px;

}





/* ------------------ Footer Top ------------------ */



.footer-top {

    padding: 40px 20px;

}



#footer h3 {

    color: #fff;

    margin: 0 0 15px;

    font-size: 20px;

}



#footer a {

    color: #fff;

}



#footer a:hover {

    color: #ccc!important;

}



#footer .col {

    float: none;

    display: inline-block;

    vertical-align: top;

    margin: 0 -2px;

}



#footer .span_1_of_3 {

    width: 25%;

}

#footer .span_1_of_3:first-child {

    width: 50%;

}

#footer .span_1_of_3:nth-child(2) {

    width: 15%;

    margin: 0 5%;

}



.margined_left, #footer .col ul.margined_left {

    margin:0;

}



#footer .textwidget {

    padding:0;

}



/* Footer Contact */



.boc_contact_icon .icon {

    color: #fff;

}

.boc_contact_icon .icon {

    float: none;

    display: inline-block;

    vertical-align: middle;

}



/* ------------------ Footer Bottom ------------------ */



.footer-btm {

    margin:0;

    padding: 10px 20px;

    background: rgb(8, 25, 58);

/*    border-top: 1px solid #999;*/

    overflow: auto;

    line-height: 100%;

}



#powered {

    color: #fff;

    margin:6px 10px 0 0;

}



a.footer_soc_icon {

    color: #fff!important;

}

.contact-custom {

    font-size: 62px;

    font-weight: 700;
}

.wpcf7-form h3 {

    color: #fff;

    text-align: center;
}


.wpcf7-form {

    background: #17469d;

    padding: 10px;

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.acc_holder.with_bgr .accordion {

    background-color: #17469d;

    color: #fff;
}

.acc_holder.with_bgr .accordion:hover {

    color: #17469d!important;

    }


.acc_holder.with_bgr .accordion_content {

    border: 1px solid #f1f1f1;

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#home .wpcf7-submit {
    width: 100%;
    background-color: #fff;
}

input.btn_theme_color, a.btn_theme_color, .btn_theme_color .contact-button-top .icon {
    color: #17469d!important;
/*    font-size: 18px!important;*/
    margin-top:10px;
}

#menu ul .sub-menu {
    display: table-cell!important;
/*    overflow: inherit!important;*/
    background-color:#3a6dce;
}