/*
 Theme Name:     Divi Child PATK
 Theme URI:      https://www.thestudio-patrick.com/
 Description:    PATK Divi Child Theme
 Author:         EM Webber
 Author URI:     https://www.thestudio-patrick.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;}
h1.entry-title {text-transform:uppercase;}

/*------------------------------------------------------------------
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  ====*/

.gform_wrapper.gravity-theme .gform_footer input.button {padding:2px 35px; border-radius:0px; color:#ffffff!important; background-color: #63B1BB; text-align: center; text-transform:uppercase; font-weight:bold; letter-spacing:.07em; font-size: 16px; line-height: 36px; border: 1px solid #044E58; border-bottom: 4px solid #046874; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; float:right;}
.gform_wrapper.gravity-theme .gform_footer input.button:hover {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: #046874; border: 1px solid #044E58; border-bottom: 4px solid #046874;}

/*==== Start Gravity View edits  ====*/
/* widgets-header */
.gv-widgets-header {margin-bottom:35px;}
.gv-widgets-header .gv-widget-custom-content h2 {text-transform:uppercase;}
/* search */
form.gv-widget-search,
form.gv-widget-search .gv-search-box {margin-top:0!important; display: inline-block!important;}
form.gv-widget-search .gv-search-box .gv-search label,
form.gv-widget-search .gv-search-box .gv-search p {}
form.gv-widget-search .gv-search-box .gv-search-box-submit,
form.gv-widget-search .gv-search-box .gv-search p {display:inline-block!important;}
form.gv-widget-search .gv-search-box.gv-search-field-text,
form.gv-widget-search .gv-search-box.gv-search-box-submit {display: inline-block!important;}
form.gv-widget-search .gv-search-box.gv-search-box-submit {width:20%!important;}
form.gv-widget-search .gv-search-box .gv-search p input{font-size:16px; padding:5px; border:1px solid #046874; border-radius:3px;}
form.gv-widget-search .gv-search-box.gv-search-box-submit input.gv-search-button {background-color:#63B1BB; padding:10px 35px; border-radius:3px; color:#fff; text-transform:uppercase; border-top: 1px solid #044E58; border-right: 1px solid #044E58; border-bottom: 4px solid #046874; border-left: 1px solid #044E58;}
form.gv-widget-search .gv-search-box.gv-search-box-submit input.gv-search-button:hover {background-color:#046874; border: 1px solid #044E58; border-bottom: 4px solid #046874;}
button.export-button { padding:2px 35px; border-radius:3px; background-color: #63B1BB; text-align: center; font-size: 16px; line-height: 36px; border: 1px solid #044E58; border-bottom: 4px solid #046874; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; float:right;}
button.export-button a {text-decoration: none; color: #ffffff; text-transform:uppercase; font-weight: 600;}
button.export-button a:after {font-family: ETmodules; content:"\e092"; margin-left:10px; margin-top:5px; font-weight:400;}
button.export-button:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: #046874; border: 1px solid #044E58; border-bottom: 4px solid #046874;}
/*==== End Gravity View edits  ====*/

/*==== Start Striped Table  ====*/
table.gv-table-view {font-size:14px; line-height:1em;}
table.gv-table-view thead,
table.gv-table-view tfoot {background:#2b2b2b; color:#fff; }
table.gv-table-view thead tr th,
table.gv-table-view tfoot tr th { font-weight:normal; letter-spacing:1px;}
table.gv-table-view thead tr th,
table.gv-table-view tfoot tr th {padding:25px; vertical-align:top; text-align:center;}
table.gv-table-view tbody tr {border-bottom:1px solid #e9e9e9;}
table.gv-table-view tbody tr:nth-child(even) {background-color:#f9f9f9;}
table.gv-table-view tbody tr td {padding:15px; vertical-align:top; text-align:center;}
table.gv-table-view tfoot tr.gv-math-footer-calculation th {background-color: #f0f0f0; color:#2b2b2b; font-weight:bold!important;}
/*==== End Striped Table  ====*/

/*==== Start DATATABLES LAYOUT  ====*/
.styled-datatable .gv-widgets-header {margin-bottom:35px;}
.styled-datatable .dataTables_scroll {padding-top:35px;}
.styled-datatable .dataTables_scrollHead table.gv-datatables thead tr th {border-right:1px solid #efefef;}
.styled-datatable .dataTables_scrollHead table.gv-datatables thead tr th:last-child {border-right:0;}
.styled-datatable .dataTables_scrollHead table.gv-datatables thead tr th,
.styled-datatable .dataTables_scrollBody table.gv-datatables tbody tr td,
.styled-datatable .dataTables_scrollFoot table.gv-datatables tfoot tr th {text-align:center;}
.styled-datatable div.dts div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 10px, white 10px, white 20px)!important;}
.styled-datatable table.dataTable thead>tr>th.sorting:before,
.styled-datatable table.dataTable thead>tr>th.sorting:after {color:#044E58; opacity:.3; font-size:1em;line-height:12px;}
.styled-datatable table.dataTable thead>tr>th.sorting_asc:before,
.styled-datatable table.dataTable thead>tr>th.sorting_desc:after,
.styled-datatable table.dataTable thead>tr>td.sorting_asc:before,
.styled-datatable table.dataTable thead>tr>td.sorting_desc:after { opacity: 1;}
/*==== End DATATABLES LAYOUT  ====*/

/*==== Start   ====*/
/*==== End   ====*/

/*==== Start INCREMENT DECREMENT NUMBER ====*/
.input-number { width: 80px!important; padding: 0 12px; vertical-align: top; text-align: center; outline: none; } 
.input-number,
.input-number-decrement,
.input-number-increment {border: 1px solid #ccc; height: 50px; user-select: none; }
.input-number-decrement,
.input-number-increment { display:inline-block; width: 50px; line-height: 50px; background: #f1f1f1; color: #444; text-align: center; font-weight: bold; cursor: pointer; }
.input-number-decrement:active,
.input-number-increment:active { background: #63B1BB; border-color: #046874;}
.input-number-decrement { border-right: none; border-radius: 4px 0 0 4px; }
.input-number-increment { border-left: none; border-radius: 0 4px 4px 0; }
.input-number::-webkit-inner-spin-button,
.input-number::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.input-number { -moz-appearance: textfield;}
/*==== End INCREMENT DECREMENT NUMBER ====*/

/*==== Start ACCUMULATIVE TRACKER FORM ====*/
#gform_wrapper_1 input[type=number] {border-radius:0!important;}
#gform_wrapper_1 .gform_body .left_label .gfield_label {text-align:right; font-size:20px; padding-right:10px; padding-top:15px; font-weight:500;}
#gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_number div.instruction {font-size:0!important; display:none!important; visibility: hidden!important;}

#gform_wrapper_1 .gform_footer input[type=submit].button {font-size:16px; line-height:18px; font-weight:500; letter-spacing:1px; outline:0; border:0; background: #63B1BB; border-radius: 5px; padding: 14px 58px 28px 58px; height:2.6em; border-top:1px solid #046874; border-right:1px solid #046874; border-bottom: 4px solid #046874; border-left:1px solid #046874; color: white; text-transform:uppercase;}
#gform_wrapper_1 .gform_footer input[type=submit].button:hover {outline:0; border:0; background: #046874; border-radius: 5px; padding: 14px 58px 28px 58px; height:2.6em; border-top:1px solid #046874; border-right:1px solid #046874; border-bottom: 4px solid #046874; border-left:1px solid #046874; color: white; text-transform:uppercase;}

/* buttons */
button.export-button { padding:2px 35px; border-radius:0px; background-color: #63B1BB; text-align: center; font-size: 16px; line-height: 36px; border: 1px solid #044E58; border-bottom: 4px solid #046874; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; float:right;}
button.export-button a {text-decoration: none; color: #ffffff; text-transform:uppercase; font-weight: 600;}
button.export-button a:after {font-family: ETmodules; content:"\e092"; font-size:16px; margin-left:10px; margin-top:5px; font-weight:400;}
button.export-button:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: #046874; border: 1px solid #044E58; border-bottom: 4px solid #046874;}
/*==== End ACCUMULATIVE TRACKER FORM ====*/

/*==== Start BUTTON MODULE .styled-button ====*/
.et_pb_button_module_wrapper a.styled-button {padding:8px 35px; border-radius:3px; background-color: #58554D; text-align: center; font-size: 16px; line-height: 36px; border-top: 1px solid #1A1919; border-right: 1px solid #1A1919; border-bottom: 4px solid #2B2B2B; border-left: 1px solid #1A1919; text-decoration: none; color: #ffffff; text-transform:uppercase; font-weight: 600;}
.et_pb_button_module_wrapper a.styled-button:hover {padding:8px 35px; border-radius:3px!important; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: #2b2b2b; border-top: 1px solid #2b2b2b; border-right: 1px solid #2b2b2b; border-bottom: 4px solid #2b2b2b; border-left: 1px solid #2b2b2b;}
/*==== End BUTTON MODULE .styled-button ====*/


/*==== Start RESPONSIVE TITLE BANNER  ====*/
/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    html .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
    .two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}
/*==== End RESPONSIVE TITLE BANNER  ====*/

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