/*
 Theme Name:     Divi Child PATK
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    PATK Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;600;700;800;900&display=swap');

/*------------------------------------------------------------------
    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;}

/*------------------------------------------------------------------
HEADER BODY FOOTER: 
-------------------------------------------------------------------*/

/*==== Start Primar Nav Menu Background Rectangle Out  ====*/
.menu-item-background nav ul li {padding-top:15px; padding-bottom:15px;}
.menu-item-background nav ul li a { position: relative; z-index: 1; background-color: #ffffff; 
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.menu-item-background nav ul li a::before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2cba6c!important;
-webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.menu-item-background nav ul li a:hover { color: #ffffff!important; }
.menu-item-background nav ul li a:hover:before { -webkit-transform: scale(1); transform: scale(1); }
/*==== End Background Rectangle Out  ====*/

/*==== 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;}
/*==== End Striped Table  ====*/

/* ------------------------------------------ */
/* ------------   vertical-menu  ------------ */
/* ------------------------------------------ */
.vertical-menu nav ul li { width: 100%; display: block;}
.vertical-menu nav ul li.current-menu-item a { font-weight:bold!important }
footer .vertical-menu nav ul li a { text-transform:uppercase!important;}
footer .vertical-menu li.current-menu-item a { }
footer .vertical-menu li.current-menu-item a:hover { color:#334693!important; }

/* ------------------------------------------ */
/* ------------   copyright  ------------ */
/* ------------------------------------------ */
footer .et_pb_code_inner {color:#fff!important;}





/* --------------------------------------- */
/* ------------ 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;}