/*======================================

Theme Name: AfriPlus

Theme URI: https://divicake.com/

Description: Divi Child Theme for AfriPlus

Version: 1.0

Author: Francois

Author URI: https://www.semantica.co.za/

Template: Divi

======================================*/

/*#top-menu li:last-child {display:none;}*/

.testdiv { opacity: 1; }


.col-1 {width:10%;}

.col-2 {width:12%; text-align:center;}

.col-3 {width:25%;}

.col-4 {width:33.33%;}

.col-6 {width:50%;}

.col-12 {width:100%;}

div[class^="col-"] {display:inline-block;}



.user_menu_cont {padding: 15px !important; background: #f59423; display: inline-block; width: 100%;}

.user_menu_cont a{color:#FFF;}

.user_menu_cont li::after {content: '|'; padding:0 10px; color:#FFF;}

.user_menu_cont li:last-child::after {content: ''; padding:0px;}

#menu-users-menu li {display:inline;}



body .gform_wrapper ul li.gfield {margin-top:10px !important;}

.gform_fields input, .gform_fields textarea, .gform_fields select {padding:10px !important;}

.gform_fields textarea{margin-top:12px; height:160px !important;}

.gform_button, input[type=submit], .logout-btn {border:1px solid #f59423; padding:10px 40px; text-transform:uppercase; color:#f59423; background:#FFF; font-size:20px; cursor:pointer;}

.gform_button:hover, input[type=submit]:hover, .logout-btn:hover {background:#f59423; color:#FFF;}

.gpnf-nested-entries {min-width:100% !important;}



.install-cont{margin:30px 0; border:1px solid #000;}

.my-systems {padding:30px 0;}

.my-systems h2 {

    /* background-color: #EEE; */

    font-size: 16px;

    text-transform: uppercase;

    border-bottom: 1px solid #666;

    margin-bottom: 10px;

}

.col-1 {display:inline-block; width:40%; float:left;}

.col-2 {display:inline-block; width:60%; text-align:left;}

.col-1, .col-2 {padding-bottom:30px;}

.afri-row {

    width: 100%;

    display: inline-block;

}

.afri-sect {margin-bottom:30px;}

.details .afri-heading { background-image: url('/wp-content/uploads/2019/10/header-4-3.png') !important; margin-bottom:20px; padding:40px 40px;}

.details .afri-heading h1 {padding-bottom:0px;}

.my-systems.details {padding-top:0px;}

.install-heads{}

.install-heads div, .install-entry div{ border-right:1px solid #000; padding:7px; font-weight:600;}

.install-heads div:last-child, .install-entry div:last-child{ border-right:0px;}

.install-entry {border-top:1px solid #000;}



.pagination .page-numbers {

   background: #db605d;

   color: #fff;

   display: block;

   width: auto;

   float: left;

   margin: 4px 4px 4px 0;

   padding: 15px 18px 14px 18px;

   text-decoration: none;

}

 

.pagination .page-numbers:hover {

   background: #24221D;

   color: #fff;

   text-decoration: none;

}

 

.pagination .current {

   background: #24221D;

   color: #fff;

   padding: 15px 18px 14px 18px;

}



.et_pb_page_settings.et_pb_page_layout_settings {display:block !important;}



#top-menu li li a{width:260px !important;}



.nav li ul{width:320px !important;}



.et_pb_pagebuilder_layout .entry-content{

	min-height:100%;

}

#main-footer{

	height:181px;

}



#wpsl-search-btn{

	border: 1px solid #f59423 !important;

    padding: 4px 40px 5px 40px;

    text-transform: uppercase;

    color: #f59423;

    background: #FFF;

    font-size: 20px;

    cursor: pointer;

	border-radius:0 !important;

}



.gpnf-nested-entries-container button{

	border: 1px solid #f59423 !important;

    padding: 4px 40px 5px 40px;

    text-transform: uppercase;

    color: #f59423;

    background: #FFF;

    font-size: 14px;

    cursor: pointer;

	border-radius:0 !important;

}



#gform_2 .gform_separator{

	margin-top:70px !important;

}



#wpsl-search-wrap div label{

	line-height:45px;

	width:auto;

	font-size:20px;

}



#wpsl-stores span {display:none !important;}

#wpsl-result-list li p {margin:0px !important;}



.et_pb_tab_content #loginform {

    margin: 20px;

    padding-bottom: 5px;

}



.et_pb_tab_content #loginform p {padding:11px 0px 13px 0px;}



.et_pb_tab_content #loginform input {

    font-size: 1em;

    padding: 2px;

    border: 1px solid #bbb;

    color: #4e4e4e !important;

    background-color: #fff !important;

    min-height: 36px;

    font-size: 1em;

}



.et_pb_tab_content #loginform #rememberme {min-height:inherit;}



.et_pb_tab_content #loginform label {

    width: 100%;

    margin-bottom: 5px;

}



.et_pb_tab_content #loginform .button {

    border: 1px solid #f59423;

    padding: 10px 40px;

    text-transform: uppercase;

    color: #f59423 !important;

    background: #FFF;

    font-size: 20px;

    cursor: pointer;

	min-height: 50px !important;

}



.et_pb_tab_content #loginform .button:hover {

    background: #f59423 !important;

    color: #FFF !important;

}



#map-totals {padding:20px 0; background-color:rgb(245,148,35,0.8); color:#FFF; font-weight:400;}



.gform_wrapper div.validation_error {display:none;}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error, body .gform_wrapper .gform_body ul.gform_fields li.gfield_error {

    border: 0px !important;

    background-color: transparent !important;

}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {color:#790000 !important; padding-top:0px;}

.gform_wrapper li.hidden_label input {
    margin-top: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0px !important;
}

body .gform_wrapper.gform_validation_error .gform_body ul.gform_fields li.gfield_error div.validation_message {
    color: #790000 !important;
}

#ui-datepicker-div .ui-datepicker-calendar th {
    font-weight: inherit !important;
}

#ui-datepicker-div .ui-datepicker-calendar th, #ui-datepicker-div .ui-datepicker-calendar td {
    height: 20px;
}

.ui-datepicker-header.ui-widget-header {padding:0px !important;}

.rmagic .rmrow .rminput input[type="url"] {
    padding: 2px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
}

.rmagic .rmrow .rminput input[type="url"]:focus {
    border-color: #2d3940;
    color: #3e3e3e;
}

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

	.col-1 {display:inline-block; width:100%; float:left; font-weight:bold;}

	.col-2 {display:inline-block; width:100%; text-align:left;}

	.col-1, .col-2 {padding-bottom:10px;}

	.afri-row {margin-bottom:10px;}

	.details .afri-heading h1 {font-size:25px;}

	.details .afri-heading {

		padding: 20px;

	}

}



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

	#wpsl-search-wrap div label{line-height:normal;font-size:14px;}

}



.afriplus_products-template-default #main-footer{/*position:absolute;*/

width:100%;

bottom:0;}





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

	.afriplus_products-template-default #main-footer{position:relative;}

}



.date_picker_width input{    width: calc(95% - 8px) !important;}



.single-afriplus_products .et_post_meta_wrapper, .single-afriplus_products .et_pb_post .entry-content{width:50%;display:inline-block;}



.single-afriplus_products .et_post_meta_wrapper{float:left;}



.single-afriplus_products #main-content{min-height:calc(100% - 84px)}

#main-footer{padding-top:10px;}



#main-footer .container{background-color: #1E1E1E; width:100%; padding: 0 50px;line-height:auto;}



#footer-widgets{padding-top: 0 !important;}



.et_pb_gutters3 .footer-widget{margin:0 !important;}



.footer-widget #text-3{padding: 0 40px 0 0;}



.afriplus_products-template-default .entry-title{display:none;}





.page-id-354 .et_pb_tab_0 label{min-width:250px;display:inline-block;}



.gform_button:hover, input[type=submit]:hover, .logout-btn:hover {

    background: #f59423;

    color: #FFF;

}



.ginput_container_fileupload input{

    border: 1px solid #f59423;

    padding: 10px 40px;

    text-transform: uppercase;

    color: #f59423;

    background: #FFF;

    font-size: 16px;

    cursor: pointer;

}



.claim-link,.replace-id{cursor:pointer;}



body .gform_wrapper .gform_body ul.gform_fields li.gfield_error {

  border:1px solid #f80;

  background-color:#fff!important;

}



body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label{color:#666666}



body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {

  color:#0076a3!important

}



.rmagic .rmrow{

	width:47.5%;

}



.rmagic .rmrow .rminput input[type="text"], .rmagic .rmrow .rminput input[type="password"], .rmagic .rmrow .rminput input[type="email"], .rmagic .rmrow .rminput input[type="url"], .rmagic .rmrow .rminput input[type="number"], .rmagic .rmrow .rminput textarea, #address.rm_address_type_ca .rm_ad_container .rm-address-fw input{width:80%;float:left;}





.rmagic .rmrow .rminput input[type="text"], .rmagic .rmrow .rminput input[type="password"], .rmagic .rmrow .rminput input[type="email"], .rmagic .rmrow .rminput input[type="url"], .rmagic .rmrow .rminput input[type="number"], .rmagic .rmrow .rminput textarea{width:80%}



.rmagic .rmfield, .rmagic .rmrow{display:inline-block;width:47.5% !important;}



.rmagic .rmfieldset .rm-full-width{width:85% !important;}



.rm_divider{background-color: #555;}



.rmagic .rmrow:nth-child(5) {width:100% !important; display: block !important;}

.rmagic .rmrow:nth-child(14) {width:85% !important; display:block !important;}

.rmagic .rmrow:nth-child(5) .rminput input{width:38%;}

.rmagic .rmrow:nth-child(14) .rminput input, .rmagic .rmrow:nth-child(15){width:100% !important;}

.install-entry i{font-size: 20px;}

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

	.rmagic .rmrow{

	width:auto !important;

		display:inline-block;

}

	

	.rmagic .rmrow:nth-child(14), .rmagic .rmfieldset .rm-full-width{

		width:auto !important;

		display:inline-block;

	}

	.rmrow #address{width:45%;}

}



.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]{

	height:35px;

}



.gform_wrapper ul.gfield_checkbox li label{margin-top:4px;}


.product-thumbnail { float: left; max-width: 49%; }