/*
 Theme Name:     Divi Child PATK
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    PATK Divi Child Theme
 Author:         E.M. Webber
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.23.26.0
*/



/*------------------------------------------------------------------
    inherited
-------------------------------------------------------------------*/
.alignnone { margin:5px 20px 20px 0; }
.aligncenter,div.aligncenter { display:block;  margin:5px auto 5px auto; }
.alignright { float:right;  margin:5px 0 20px 20px; }
.alignleft { float:left;  margin:5px 20px 20px 0; }
a img.alignright { float:right;  margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left;  margin:5px 20px 20px 0; }
a img.aligncenter { display:block;  margin-left:auto;  margin-right:auto}
.wp-caption { background:#fff;  border:none;  max-width:96%;  /* Image does not overflow the content area */
 padding:5px 3px 10px;  text-align:center; }
.wp-caption.alignnone { margin:5px 20px 20px 0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none;  height:auto;  margin:0;  max-width:98.5%;  padding:0;  width:auto; }
.wp-caption p.wp-caption-text { font-size:12px;  line-height:17px;  margin:10px 0 0;  padding:0 4px 5px; }
.wp-caption .wp-caption-text,.gallery-caption,.entry-caption { font-style:italic;  font-size:12px;  line-height:2;  color:#757575; }

/* Text meant only for screen readers. */
.screen-reader-text { clip:rect(1px, 1px, 1px, 1px);  position:absolute !important;  height:1px;  width:1px;  overflow:hidden; }
.screen-reader-text:focus { background-color:#f1f1f1;  border-radius:3px;  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);  clip:auto !important;  color:#21759b;  display:block;  font-size:14px;  font-size:0.875rem;  font-weight:bold;  height:auto;  left:5px;  line-height:normal;  padding:15px 23px 14px;  text-decoration:none;  top:5px;  width:auto;  z-index:100000;  /* Above WP toolbar. */ }

/*------------------------------------------------------------------
FONTS: 
-------------------------------------------------------------------*/
h1, h2, h3, h4, h5 h6 {text-transform:none;}

/*------------------------------------------------------------------
EMBEDDED VIDEO HOME PAGE : 
-------------------------------------------------------------------*/
/* ===== video tag in code module ===== */
.video-wrapper { position: relative; width: 100%; overflow: hidden; }
/* .video-wrapper::before { content: ""; display: block; padding-top: 56.25%; /* 16:9 aspect ratio */ /*} */
.video-wrapper::before { content: ""; display: block; padding-top: 48.25%; /* 2.07:1 aspect ratio */}
.video-wrapper::after {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); /* 40% black overlay */ z-index: 2; pointer-events: none;}
.video-wrapper video { position: absolute; z-index:1; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; }

/*------------------------------------------------------------------
HEADER BODY FOOTER: 
-------------------------------------------------------------------*/
header #primary-navigation.et_pb_menu nav ul li { padding:10px 15px;}
.et-menu .menu-item-has-children > a:first-child:after {top:10px;}
header #primary-navigation.et_pb_menu nav ul li.current-menu-item {background-color:#C9A32D;}
header #primary-navigation.et_pb_menu nav ul li.current-menu-item a {color:#ffffff;}
header #primary-navigation.et_pb_menu nav ul li.current-menu-item:hover a {color: #ECECEC;}
header #primary-navigation.et_pb_menu nav ul li a {padding-top:8px; }
header #primary-navigation.et_pb_menu nav ul li .sub-menu a {color:#fff!important;}
header #primary-navigation.et_pb_menu nav ul li .sub-menu a:hover {color:#C9A32D!important;}
header #primary-navigation.et_pb_menu nav ul li .sub-menu li {width:100%; padding:0; padding-left:15px;}
header #primary-navigation.et_pb_menu nav ul li .sub-menu li.current-menu-item {background-color:#002c85; color:#C9A32D;}
header #primary-navigation.et_pb_menu nav ul li .sub-menu li:first-child,
header #primary-navigation.et_pb_menu nav ul li .sub-menu li:nth-child(2) {border-bottom:1px solid #c9a32d;}


/*==== Start Striped Table  ====*/
table.striped {font-size:14px; line-height:1em;}
table.striped thead {background:#15944b; color:#fff;}
table.striped thead tr th {padding:15px; vertical-align:top;}
table.striped tbody tr:nth-child(even) {background-color:#E8E8E8;}
table.striped tbody tr td {padding:15px; vertical-align:top;}


/*==== HOME PAGE ====*/
.image-strip-cover { height: 460px; overflow: hidden;}
.image-strip-cover .et_pb_column { height: 100%; overflow: hidden;}
.image-strip-cover .et_pb_image,
.image-strip-cover .et_pb_image_wrap,
.image-strip-cover .et_pb_image img { width: 100%; height: 100%;}
.image-strip-cover .et_pb_image img { object-fit: cover; object-position: center; display: block;}
@media (max-width: 767px) {
  .image-strip-cover {height: auto; }
  .image-strip-cover .et_pb_column {height: 240px; }
}

/*------------------------------------------------------------------
FOOTER NAVIGATION VERTICAL:
-------------------------------------------------------------------*/
.vertical-menu .et-menu {background:transparent;}
/*remove default 11px padding on each side of list items*/
.vertical-menu .et-menu > li { padding-left: 10px; padding-right: 10px; }
/*make the menu items fullwidth and add space between them*/
.vertical-menu .et_pb_menu__menu nav ul li { display: block; width: 100%; margin: 1px 0; background: transparent;}
/*style the menu items*/
.vertical-menu .et_pb_menu__menu nav ul li a {padding: 15px 10px!important; background: transparent!important; }
/*style the menu items on hover*/
.vertical-menu .et_pb_menu__menu nav ul li a:hover {opacity: 1!important; color: #ffffff; background: #0099ff; }
/*style the active menu item*/
.vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a { opacity: 1!important; color: #ffffff; background: #0099ff; }
/*add an icon to the left of each menu item link*/
.vertical-menu ul li a:before {font-family: 'ETMODULES'; content: '\24'; text-align: center; vertical-align: middle; margin-right: 8px; margin-left: 0px; color: #ffffff; font-size: 1.3em; transition: all .75s ease; }
/*style the menu items icon*/
/*style the menu items icon*/
.vertical-menu ul li a:hover:before { margin-left: 7px; color: white!important; transition: all .75s ease; }
/*style the active menu item icon*/
.vertical-menu ul li.current-menu-item a:before { margin-left: 7px; color: #ffffff!important; } 

@media (max-width: 980px) {
    /*open the mobile menu up and use on all devices*/
    .et-db #et-boc .et-l .vertical-menu .et_pb_menu__menu {display: flex;}
    /*hide the hamburger icon*/
    .et-db #et-boc .et-l .vertical-menu .et_mobile_nav_menu { display: none;}
}



/* --------------------------------------- */
/* ------------ RESPONSIVITY ------------ */
/* --------------------------------------- */
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}



/* --------------------------------------- */
/* ------------ ADMIN STYLES ------------ */
/* --------------------------------------- */
body.wp-admin #et-main-area { margin-top: 35px!important;}