/*
 Theme Name:     Divi Child Theme - Karine Joncas
 Theme URI:      https://idstc.com
 Description:    Karine Joncas Divi Child Theme
 Author:         IDSTC
 Author URI:     https://idstc.com
 Template:       Divi
 Version:        1.0.0
 */
 @import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
a:focus, a:hover {text-decoration: none !important;}

.page-id-31857 .col-md-4.existing-payment-cvv-label {width: 66.66666667% !important;}
/*reduce padding on top of secondary menu bar*/
#top-header .container {padding-top: 0em;}
.et_pb_section {padding-top: 20px !important;}
/*** Add background color and padding to logo & container area in main nav ***/
.et_fullwidth_nav #main-header .container {padding-left: 0px; padding-right: 0px;}
.logo_container {background-color: #a6192e;}
div#et-top-navigation {padding-top: 10px;}
/*** Remove bottome border of main nav ***/
#main-header { box-shadow: none !important; }
/*** Add home icon to menu ***/
.menu-home a:before {font-family: 'ETmodules'; content: "\e074"; color: #a6192e;}
.et-fixed-header #top-menu .menu-home a:before {color: #ffffff;}

/*add padding to account link that shows when customers login*/
li.my-account {padding-right: 15px;}
#et-secondary-nav, #et-secondary-nav li {display: block !important; font-size: 10px;}
#et-secondary-nav li.cart-icon {display: none !important;}
.welcome-text  {display: block !important; text-align: left !important;}
#et-secondary-nav, #et-secondary-nav li {display: block !important;}
#et-secondary-menu {float: none !important; margin-top: 8px !important; margin-bottom: 10px !important;}
.et_pb_social_media_follow li a.icon:before {color: #333333;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
#et-info, #et-secondary-menu > ul > li a {padding-bottom: 1em !important;}
.et-pb-controllers {bottom: 0%;}
#top-menu .menu-item-has-children>a:first-child:after {padding-top: 10px !important;}
.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}
.ds-vertical-align { display: flex !important; flex-direction: column !important; justify-content: center !important; } 
/*.et_pb_slide_content {margin-top: 220px !important; }
.et_pb_text_align_center {margin: inherit !important; }*/
ul.bullet-color>li::before {content: "•"; color: #a6192e; padding-right: 15px; }
ul.bullet-color> li {padding-top: 10px !important; padding-bottom: 10px !important; }
ul.bullet-color {list-style: none }
/******* style flight lead captrue form sample on /consultant-contact/ *******/
#leadCaptureActionButtons {text-align: right;}
#submitLeadCaptureFormBtn { background-color: #a6192e; color: #fff; border: solid #a6192e 2px !important; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: .5% 5%; letter-spacing: 2px; border-radius: 2px; }
#submitLeadCaptureFormBtn:hover {background-color: #606264!important; border: #606264 solid 2px !important; color: #fff;}
.et_pb_code_inner .ng-scope .col-sm-8 {padding-right: 0px;}
.et_pb_code_inner label {text-align: right;}
#idstc-lead-catputure-form div.text-center {text-align: right !important;}
/******* add custom style to buttons for Flight plugin pages *******/
.btn, .k-treeview .k-in {border-radius: 0px !important;}
.btn:focus {outline: none !important;}
button.btn-primary, a.btn-sm.btn-primary, span.k-state-selected, .page-id-25638 button.btn-default {background-color: #a6192e !important; border-color: #a6192e !important; color: #fff;}
button.btn-primary:hover , a.btn-sm.btn-primary:hover, .page-id-25638 button.btn-default:hover {background-color: #606264!important; color: #fff;  border-color: #606264 !important;}
button.btn-success, a.btn-success {background-color: #307351 ; border-color: #307351 ; color: #fff;}
button.btn-success:hover, a.btn-success:hover {background-color: #90b7a3 !important; border-color: #90b7a3 !important; color: #307351; }
button.btn-danger {background-color: #283043; border-color: #283043;}
button.btn-danger:hover {background-color: #151925; border-color: #151925;}
button.btn-warning {background-color:#F5853F; border-color:#F5853F;}
button.btn-warning:hover {background-color: #f2660f; border-color: #f2660f;}
.shoppingcartapp a.btn-social-icon {color: #fff;}
.notify-success, .notify-row.notify-wrapper-success {background-color: #307351;}
.edit-sub-payment-card .btn, .edit-sub-address-select .btn {margin-left: 5px;}
.btn.btn-primary {background-color: #a6192e; border-color: #a6192e ; color: #fff; }
.panel-success>.panel-heading {background-color: #c7d4cd !important; color: #307351 !important; border-color: #c7d4cd !important;}
h1.search-results-title {text-align: center;}
button.btn-search-again {margin-top: 2%;}
.panel-body.viewcart-promotions-panel-body > .viewcart-promotions-repeating .QualifiedThreshold {background-color: #f5e6e8 !important;}
.panel-body.viewcart-promotions-panel-body > .viewcart-promotions-repeating .NonQualifiedThreshold {background-color: #deecff !important;}
.NonQualifiedThreshold, .QualifiedThreshold {color:  #4e4e4e !important;}
/*** remove borders for images on order page and increase size of images ***/
.page-id-25360 .thumbnail a img {max-height: none;}
div#products .gridproduct-card, div#products .gridproduct-card .panel {border: none !important; box-shadow: none;}
.shoppingcart-sidebar .panel, .productdetail-categories-col .panel  {border: none; box-shadow: none;}
.well.shoppingcart-filter-controls {border: none; box-shadow: none; background-color: #fff;}
h1.cart-page-title.constsearch-page-title {text-align: center;}
/****************************************************/
/*** custom styles for table on hosts page ***/
#tablehosts table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-weight: 300;}
#tablehosts table th { font-size: 18px; font-weight: 400; letter-spacing: .1em; background-color: #E8B8B9;}
#tablehosts table th, #tablehosts table td { padding: .625em; text-align: center; font-size: 18px;}
#tablehosts table tr {background-color: #fff;border: 1px solid #ddd;padding: .35em;}
@media screen and (max-width: 600px) {
    #tablehosts table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    #tablehosts table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em;}
    #tablehosts table td:first-child { background-color: #E8B8B9;}
    #tablehosts table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right;}
    #tablehosts table td::before { content: attr(data-label); float: left; font-weight: bold;}
}
#tablehosts tr:hover td {background-color: #FDEAEA;}
/***************************************************/
/*** addjust width of menus for larger space on desktop***/
#top-menu li li a {width: 270px;}
#top-menu li li a:after {top: -4px !important;}
#top-menu.nav li ul {width: 300px;}
.nav li li ul {left: 280px;}
/******* Desktop nav fix before breakpoint for tablet *******/
@media (min-width: 981px) and (max-width: 1039px) {
    #top-menu li {padding-right: 10px;}
}
/******* Mobile Device + breakpoints *******/
@media (max-width: 980px) { 
	#main-header .container .logo_container span.logo_helper {display: inline !important;}
    #mobile_menu li.login-logout, #mobile_menu li.my-account {float: none !important;}
    /*#logo { padding-top: 5px !important; max-height: 110%; } */
    #top-header .container {padding-left: 3px; padding-right: 3px;}   
    ul#mobile_menu li.cart-icon  {display: none !important;}
    #et-secondary-nav li.cart-icon {display: block !important;}
    #et-secondary-nav>li:last-child  {margin-right: 3%;}
    .et_menu_container {width: 100% !important;}
    #main-header .et_menu_container #et-top-navigation {margin-left: 5%; margin-left: 5%; width: 90%;}
    .et_header_style_centered #main-header div#et-top-navigation {width: 90%;}
    .et_pb_section_0 { min-height: auto !important;} 
    .et_mobile_nav_menu .menu-item-25749 {display: none !important;}
    .et_pb_slide_0 .et_pb_more_button {margin-top: 0px; margin-bottom: 20px;}
    #first-column-homepage, #second-column-homepage {margin-bottom: 40px;}
    .et_secondary_nav_only_menu #top-header, #et-secondary-nav, #et-secondary-menu {display: block !important;}
    body.admin-bar.et_fixed_nav #top-header {top: 32px !important;}
    #et-secondary-nav, #et-secondary-menu {visibility: visible !important;}
    .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_non_fixed_nav.et_transparent_nav_temp #main-header  {top: 75px !important;}
    .et_secondary_nav_only_menu #main-header, .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header {top: 31px !important;}
    #et-info, #et-secondary-menu > ul > li a .menu-item-25085 {display: none !important;}
    .menu-item-25086, .menu-item-25085 {display: none !important;}
/*    .et_header_style_centered #logo {max-height: 110px !important;}*/
    .visible-xs {visibility: visible;}
    ul#mobile_menu li.login-link, ul#mobile_menu li.welcome-message  {display: none !important;}
    .welcome-message br.visible-xs {display: none !important}
    .welcome-message {white-space: nowrap; display: inline-block; text-align: center !important; font-size: 12px !important;}
    #top-header .container {width: 100%; margin-left: 5px; margin-right: 5px;}
    .et_header_style_centered #main-header {padding-top: 0px;}
    /* Hide login from secondary menu on mobile devices so it only appear in the dropdown and leaves room for the welcome message */
    ul#et-secondary-nav li.login-logout a, ul#et-secondary-nav li.my-account a {display: none;}
    /* Hide cart in dropdown on mobile so it only shows in the secondary nav at the top of the phone having two carts prevents the count from working */
    #mobile_menu li.cart-icon {display: none;}
    /* ADJUST DIVI COLUMN STACKING ORDER ON MOBILE DEVICES*/
    /*** wrap row in a flex box ***/
    .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; }
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile { -webkit-order: 1; order: 1; }
    .second-on-mobile { -webkit-order: 2; order: 2; }
    .third-on-mobile { -webkit-order: 3; order: 3; }
    .fourth-on-mobile { -webkit-order: 4; order: 4; }
    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px;}
}
@media (max-width: 479px) {
    #second-column-homepage {margin-bottom: 40px;}
    #first-column-homepage {margin-bottom: 0px;}
}
@media only screen and (max-width:1023px) {
    .cta_custom { top: 5px !important; position: relative; }
}
/******* Desktop *******/
@media only screen and (min-width:1024px) {
    .cta_custom { top: 35px !important; position: relative; }
}
/******* Large Screen, Mac 24' *******/
@media only screen and (min-width:1600px) {
    .cta_custom.et_pb_promo { padding-top: 18% !important; }
}
@media only screen and (min-width: 981px) {
    .et_header_style_centered #top-menu>li>a {padding-bottom: 15px !important; }
    .visible-xs {visibility: hidden;}
}

@media print {
    #main-header, #top-header, .et_pb_with_background, #main-footer, #et-secondary-nav, #top-header > .container, #btngotoReplicatedSite, #btnLogin { display:none !important; } 
    #pbe-footer-wa-wrap  {display: none !important;}
    .col-sm-8 .col-xs-7 .text-right, .col-sm-4 .col-xs-5 .text-right .subtotal-sub-amount {text-align: left !important;}
}
@media print {
   header, footer, .btn-primary  {display: none !important;}
}