/*
Theme Name: Firstweb Child Theme
Theme URI: http://brettarchibald.com
Description: Firstweb Child Theme
Author: Grant Pretorius
Author URI: https://firstweb.co.za
Version: 1.0.0
Template: Divi
*/

/*.et_header_style_left #logo {
  max-width: 69%;
}*/

#img10 {padding:10px;}

/*FROM DIVI CSS*/

/*--CENTER FOOTER INFO—DIVI CSS*/
#footer-info

{float:none;
	padding-bottom:10px;
	text-align: center;}
/*--END CENTER FOOTER INFO—DIVI CSS*/




h2, h2, h3, h4, h5{
    padding-bottom: 10px!important;
	 padding-top: 20px!important;
}

@media screen and (max-width: 600px) {h1 {font-size: 26px;}}
@media screen and (max-width: 600px) {h2 {font-size: 22px;}}
@media screen and (max-width: 600px) {h3 {font-size: 20px;}}
@media screen and (max-width: 600px) {h4 {font-size: 18px;}}
@media screen and (max-width: 600px) {h5 {font-size: 16px;}}


/*--Mobile Menu Text Size--*/
.et_mobile_menu li a { font-size: 18px !important; }
/*--END Mobile Menu Text Size--*/





/*--------------------TABLE STYLING----------------------*/
table.blueTable {
  border: 2px solid #1C6EA4;
    background-color: #E6F2FF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 7px;
}
/*table.blueTable tbody td {
  font-size: 13px;
}*/
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
/*--------------------TABLE STYLING----------------------*/

/*--------------Superscript and subscript setting-----------*/
sup { position: relative;
	vertical-align: baseline;
    font-size: 15%;
    line-height: 0;
    vertical-align: baseline;
    top: -4em; }
sub { 
  top: 0.4em; 
}
/*--------------Superscript and subscript setting-----------*/


/*-xxxxxxxxxxxxxxxxxxxxxxxx setting indents for OL and UL xxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media screen and (min-width: 900px) {.entry-content ol, .entry-content ul {
    padding: 00px 0px 0px 50px;
    list-style-position: outside;
	}}
 


/*xxxxxxxxxxxxxxxxxxx setting indents for OL and UL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*--Hide Image titles in Gallery--START--
.et_pb_gallery_title { display: none!important; }
/*--Hide Image titles in Gallery--END--*/

nav.slick__arrow, ul.slick-dots {
  display: none!important;
}

nav.slick__arrow {
  height: 0;
  overflow: hidden;
}
.slick-prev:before,
.slick-next:before {
   display:none;
}

hr {
  margin-top: 1em;
  margin-bottom: 2em!important;
}

/*eeeeeeeeeeeeeeeeeeeeeee image gallery item aspect ratio square 1:1 eeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/
.pa-image-gallery-1-1 .et_pb_gallery_image {
  padding-top: 100%;
  display: block;
}
.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


.et-pb-active-slide .et_pb_slide_description {
    animation-name: none;
}
/*eeeeeeeeeeeeeeeeeeeeeee image gallery item aspect ratio square 1:1 eeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

/*Menu Width*/
/*--- Customizing width of menu drop downs---START---*/ 
#top-menu li li a
{
width: 200px;
padding: 5px 0px 5px 0px;
}
/*--- Customizing width of menu drop downs---END---*/

/*dddddddddddddddddddd Table formatiing ddddddddddddddddddddddddddd*/
table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 5px;
}
table.blueTable tbody td {
  font-size: 17px;
}
table.blueTable tr:nth-child(even) {
  background: #E7E2D8;
}
table.blueTable thead {
  background: #072945;
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 17px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
/*dddddddddddddddddddd Table formatiing ddddddddddddddddddddddddddd*/

/*--Style individual menu items--*/
.ds-custom-link a {
    padding: 10px !important;
    background: #832B37;
    color: #fff !important;
    border: 0px solid #000;
}
.ds-custom-link a:hover {
    background: #fff;
    color: #000 !important;
    opacity: 1 !important;
}

/* Style the Divi Form Success Message */
.et-pb-contact-message p {
color: #000000!important;
font-size: 21px!important;
font-weight: 700!important;
text-transform: uppercase;
text-align: center!important;
}


/*------------------------TABLE FORMATING--------------------------*/
table.minimalistBlack {
  border: 1px solid #000000;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
	margin-top:10px;
	margin-bottom:10px;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #000000;
  padding: 2px 2px;
}
table.minimalistBlack tbody td {
  font-size: 17px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 1px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}

/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}

/*---From Chatgpt---------------------------------*/
/* Select the menu item */
#top-menu li a {
  position: relative;
}

/* Add the underline */
#top-menu li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px; /* Adjust as needed */
  width: 0%;
  height: 2px;
  background-color: #fff; /* Adjust as needed */
  transition: width 0.5s ease-in-out;
}

/* Slide the underline on hover */
#top-menu li a:hover::after {
  width: 100%;
}
/*---From Chatgpt----------------------------END-*/


.et_pb_contact p .et_contact_error {
    border: 5px solid red!important;
}

/*---CONTACT FORM 7----*/

/* Submit Button CSS Styles */
.wpcf7 input[type=submit] {
margin-top:10px;
padding:15px 35px;
background:#002348;
color:#ffffff;
font-size:20px;
border:0 none;
cursor:pointer;
-webkit-border-radius: 0px;border-radius: 0px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;
    background-color: yellow;
}

/*--HIDE MOBILE HAMBERGER MENUI ON MOBILE--*/
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; } .lwp-hide-mobile-menu .et_mobile_nav_menu { display: none; }


/*Headings
h1, h2, h3 {font-weight:400!important;}*/

/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}
/*-------------------[Make logo bigger on mobile]------------------
/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}
/*-------------------[Make logo bigger on mobile]------------------*/



/*-------------------[Themify - product catagory tick box size]------------------*/
.wpf_item input[type="checkbox"] {
       height: 15px!important;
     width: 15px!important;
    
}

//**
 * Disable WooCommerce core CSS on non-WooCommerce pages.
 */
function firstweb_woocommerce_enqueue_styles( $enqueue_styles ) {

	if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() && ! is_account_page() ) {
		return array();
	}

	return $enqueue_styles;
}
add_filter( 'woocommerce_enqueue_styles', 'firstweb_woocommerce_enqueue_styles' );