/*
Theme Name: Campbell Risk Management
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Campbell Risk Management insurance website
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/
 
/* Styles below here */

/*
Title font - font-family: 'Source Sans Pro', sans-serif;

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

Color - #54AC00;

*/

/* Slider */

#testimonial-block .et_pb_slide_title {
  display:none !important;
}

.dark_background{
  background-color: #eeeeee;
  border: 2px solid #54ac00;
  padding: 20px;
}

button {
    cursor: inherit;
}

.renewal {
   text-align: center !important;   
}


.customer-block{
  background-color:#54ac00;  
  color: #ffffff !important;
}

.customer-block a{
  color: #ffffff !important;
}

.frm-submit #wp-submit0 {
   min-width:80% !important;   
}

#warning {
        color:red;
        font-weight:700;
        text-align:center;
}

.warning {
    font-size: 16px;
    font-weight: 700;
    color: #55ac05;
    padding: 10px 0;
}

.services-icon{
  text-align:center !important;   
}

.material-icons{
 font-size: 72px;     
}

.print-button a {
    color: #ffffff !important;
}

#warning h5 {
    color:red;
    font-weight: 700;
    text-align:center;
}

#loginmessage {
    padding:100px 50px;

}

#loginmessage {
    border: 1px solid #55ac02;
    max-width: 800px;
    font-size: 16px;
    line-height: 1.8;
    margin: 20px auto;
}

#loginmessage h3 {
   font-size: 28px;
}

.market-views {
  background-color:  #54ac00;
  color: #ffffff !important;
  font-weight: 700;
}

a:link{
    text-decoration: underline;    
}

.menu a:link{
    text-decoration: none;
}

#et-secondary-menu{
    font-weight: 700;
    font-size: 14px;
}

.page-header{
    max-height: 287px;
}

.frm_required {
    font-weight: 900;
    font-size: 18px;
}

#download-link {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #55ac02;
}

#download-link a {
 text-decoration: none; font: menu;
    display: inline-block; padding: 10px 20px;
    background-color:  Buttonface;
    color: Buttontext;
    border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.print-button{
    display: inline-block; padding: 10px 20px;
    background-color:  #54ac00;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline !important;
       border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

#customer-dashboard-area h4 {
   color:  #55ac02;
   text-align:center;
}

/************************
    MOBILE CARDS 
************************/
#mobile-block h3 {
  text-align:center;
  color: #54ac00;
}
.card {
  min-height:100px;
  border: 1px solid #54ac00;
  width: 90%;
  text-align:center;
  padding: 10px;
  margin: 10px auto;
  
}
.block-left {
  float:left;
  display:block;
  width: 50%;
  min-height: 100px;
}
.block-right {
  float:right;
  display:block;
  width:50%;
  min-height:100px;
}
.action-block {
  display:block;
  width:100%;
  text-transform:uppercase;
}
.csfield {
  font-size: 12px;
}
.cert-action {
  display:block;
  text-align:center;
}
.cert-action button{
  background-color: #54ac00;
  color: white;
  width: 100%;
  padding: 5px;
  margin: 5px 0px;
}
.download-action {
     background-color: #54ac00;
  color: white !important;
  width: 100%;
  padding: 5px;
    
}
.add-new {
  width: 100%;
  display:block;
  text-align:center;
}
.add-new button{
  background-color: #54ac00;
  color: white;
  width: 100%;
   text-transform: uppercase;
   margin: 5px 0px;
   padding: 5px;
}

.renew {
  width: 100%;
  display:block;
  text-align:center;
}
.renew button {
  background-color: #54ac00;
  color: white;
  width: 100%;
  margin: 5px 0px;
  padding: 5px;
}

#mobile-block .formidable-download {
    float: none;
    color: #fff;
    text-transform: uppercase;
    text-decoration:none;
}

/************************
    FLYOUT MENU 
************************/
.mojosp-widget-area{
    padding: 0px !important;
}

#mojo-sp-left,
#mojo-sp-right{
    border-radius: 0px;
}

#menu-close-right-side-menu .material-icons,
#menu-close-left-side-menu .material-icons{
    color: #ffffff;
    font-size: 40px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

#nav_menu-4,
#nav_menu-5{
    background: #54AC00;
}

#search-3,
#search-4{
    margin-top:30px;
}

#nav_menu-2 h3,
#nav_menu-3 h3,
#nav_menu-4 h3,
#nav_menu-5 h3{
    display: none;
}

#nav_menu-2 a,
#nav_menu-3 a{
    color: #000000;
}

#menu-insurance-side-menu,
#menu-information-side-menu{
    margin-top: 30px;
}

#menu-insurance-side-menu li,
#menu-information-side-menu li{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 18px;
    -webkit-transition: background-color .6s ease-out;
    -moz-transition: background-color .6s ease-out;
    -o-transition: background-color .6s ease-out;
    transition: background-color .6s ease-out;
}

#menu-insurance-side-menu li a:hover,
#menu-information-side-menu li  a:hover{
    color: #000000; 
}

#menu-insurance-side-menu li:hover,
#menu-information-side-menu li:hover{
    background: #dddddd;
    padding-left: 30px;
    font-size: 20px;
}

.menu-item a{
    cursor: pointer;
}

.customer-menu-items {
   background-color:#54ac00 !important;
   color:#ffffff !important;
   font-weight: 700 !important;
}
.customer-menu-items a:visited {
     color:white !important;   
}
.pull-right {
  display:none;   
}

.sub-menu,
.menu-item-has-children a:after{
    display: none;
}

#top-menu li.current-menu-ancestor>a{
    color: #54AC00;
}

.et_mobile_menu{
    border-color: #54AC00;
}

.mobile_menu_bar:before{
    color: #54AC00;
}

.cuar-toolbar .btn-group{
    display: none !important;
}

.market-vendor-form input[type=button] {
    background-color: #55ac02;
    font-weight: 700;
    font-size: 14px;
    color: white;
    padding: 10px 20px;
}

.formButtons{
    background-color: #55ac02;
    font-weight: 700;
    font-size: 14px;
    color: white;
    padding: 10px 10px;
}

/************************
        BUTTONS
************************/
.frm_button_submit {
    font-weight: 700 !important;
    background-color: #54ac00 !important;
    padding: 10px 40px !important;
    color: white !important;
    font-size: 16px !important;
}

.frm_submit {
   text-align:center;   
}



/************************
        DASHBOARD
************************/

#post-48903 {
    max-width: 1024px;
    padding: 20px;
    margin: auto;
}

 #customer-dashboard .et_pb_text_inner {
   padding-bottom: 100px;
 }

#customer-dashboard-area h3,.market-vendor-form h3{
   font-weight:700;
   color: #55ac02;
   text-align: center;
   margin-bottom: 20px;
}

#customer-dashboard-area h4,.market-vendor-form h4 {
   font-weight:700;
   color: #55ac02;
   text-align: center;
   margin-bottom: 14px;
   margin-top: 10px;
}

#insuranceinfo {
    float:right;
}
#demog{
  float:left;   
}

td.certholder > p {
 font-size:12px !important;
}
    
/************************
        HOMEPAGE 
************************/
#footer-bottom {
    display: none !important;        
}

.home-copy {
    
}
.home-copy h2{
    font-size: 46px;
    line-height: 50px;
    letter-spacing: 1px;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
}
.home-copy p{
    font-size: 22px;
    line-height: 32px;
    color: white;
}
.home-copy h3{
    font-size: 28px;
}

.CRM-copy h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #54AC00;
    font-size: 44px;
    font-weight: 600;
    line-height: 54px;
    text-transform: uppercase;
}
.CRM-copy h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
    font-size: 44px;
    font-weight: 600;
    line-height: 54px;
}
.CRM-copy p{
    font-size: 18px;    
    line-height: 26px;
    color: #191919;
}

/************************
        ABOUT US
************************/
.et_pb_blurb_content{
    text-align: left;
}

.material-icons{
    font-size: 50px !important;
    color: #54AC00;
}

/************************
        CONTACT US
************************/
.contact-form-container{
    background: #ffffff;
    font-size: 18px;    
    line-height: 26px;
    color: #191919;
}



/************************
        FORMS 
************************/
.policy-form {
    padding-right: 30%;
    padding-left: 5%;
}
.totals {
    position: absolute;   
    right: 5%;
    top: 0px;
    color:white !important;
    font-weight: 800;
    background: rgba(84, 172, 0, 1);
    padding: 40px;
    width: 20%;
}
.totals h3{
    border-top: none !important;    
    color: white !important;
    text-transform: uppercase;
    padding-top: 0 !important;
}
.totals .frm_primary_label {
     color:white !important;   
}

.totals.float{
    position: fixed;
    top: 120px;
    right: 5%;
}

.form-tc p {
    font-size: 12px;
    padding-bottom: 0;
}

/***********************************
    Market & Vendor Form Results 
***********************************/
.cuar-css-wrapper h3{
    margin-left: 20px !important;    
}
.frm_no_entries {
    margin-left: 30px !important;    
}

.market-vendor-form {
   /* padding: 10px 30px 30px 30px !important;  */
   width: 100%;
}
.market-vendor-form h4{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}
.market-vendor-form p{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    
}
.market-vendor-form a {
    color: #54AC00;
    text-decoration: underline !important;
}
 
.payment-total {
    background: #54AC00;    
    padding: 30px 40px 70px;
    margin-bottom: 30px !important;
}

.payment-total h3 {
    color: white !important;
    border-top: none !important;
}
input#field_87gtd {
    color: #191919;
}


.frm_style_formidable-style.with_frm_style .hp-quote label.frm_primary_label,
.frm_style_formidable-style.with_frm_style .contact-form label.frm_primary_label{
    display: none;
}

.hp-quote #frm_field_386_container{
    margin-top: 20px;
    margin-bottom: 10px;
}

.contact-form #frm_field_392_container{
    margin-top: 30px;
}

.hp-quote #frm_field_746_container input::placeholder,
.contact-form #frm_field_392_container input::placeholder,
.contact-form #frm_field_393_container input::placeholder,
.contact-form #frm_field_394_container input::placeholder,
.contact-form #frm_field_395_container textarea::placeholder{
    color: #555555 !important;
}

.hp-quote #frm_field_387_container{
    margin-bottom: 10px;
}

.frm_style_formidable-style.with_frm_style .hp-quote input[type=text],
.frm_style_formidable-style.with_frm_style .hp-quote select,
.frm_style_formidable-style.with_frm_style .hp-quote .frm_submit button,
.frm_style_formidable-style.with_frm_style .contact-form input[type=text],
.frm_style_formidable-style.with_frm_style .contact-form input[type=tel],
.frm_style_formidable-style.with_frm_style .contact-form input[type=email],
.frm_style_formidable-style.with_frm_style .contact-form .frm_submit button{
    border-color: #C6C5C5;
    border-radius: 0px;
    font-size: 16px;
    height: 50px;
}

.frm_style_formidable-style.with_frm_style .contact-form textarea{
    border-color: #C6C5C5;
    border-radius: 0px;
    font-size: 16px;
}

.frm_style_formidable-style.with_frm_style .hp-quote .frm_submit button,
.frm_style_formidable-style.with_frm_style .contact-form .frm_submit button{
    width: 100%;
    background: #5AAB1E;
    color: #ffffff;
    font-weight: 900;
    margin-top: 0px;
    padding-top: 5px;
}

#frm_form_25_container option[value="Alaska"],
#frm_form_32_container option[value="Alaska"],
#frm_form_7_container option[value="AK"],
#frm_form_7_container option[value="VI"],
#frm_form_7_container option[value="GU"],
#frm_form_7_container option[value="AS"],
#frm_form_31_container option[value="AK"],
#frm_form_31_container option[value="VI"],
#frm_form_31_container option[value="GU"],
#frm_form_31_container option[value="AS"],
#frm_form_22_container option[value="Alaska"]{
    display: none;
}

.warning h5{
    color: red !important;    
}

.profile {
   /* margin-left: 20px !important;   */ 
}
.profile table {
       min-width: 900px;
}
.profile th {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 5px 20px !important;
}
.profile td {
    padding: 5px 20px !important;    
}

/************************
        FOOTER ROW 
************************/
.footer-row.et_pb_row{
    width: 100% !important;
    max-width: 100% !important;
}
    
    
 @media only screen and (max-width: 980px) {  
    .services-icon,
    .et_pb_blurb_content .et_pb_module_header,
    .et_pb_blurb_content .et_pb_blurb_description{
        text-align: center;
    }
    .sub-menu{
        display: block;
    }
    
    .et_header_style_left #logo, .et_header_style_split #logo{
        max-width: 80%;
    }
}

@media only screen and (max-width: 900px) {
    .totals {
        position: relative;     
        width: 100%;
        top: 0;
        left: 1%;
    }    
    .totals.float {
        position: relative;    
        top: 0;
    }
    .policy-form {
        padding-right: 5%;
    } 
    
    #post-48672 .page-header{
        max-height: 400px;
    }
    
}
@media only screen and (max-width: 491px) {
  #mobile {
      max-width:490px;
      }
      
      #mobile #mobile-dashboard {
        max-width: 90%;   
        text-align:left !important;
      }
      .mobile-header {
        font-size: 18px;
        font-weight:bold;
        text-align:center;
      }
      #mobile .profile {
        max-width: 90%; 
        Text-align:center;
      }
      #mobile .mcell {
         text-align:left !important;   
      }
}