/*
Theme Name: Pax Child Theme
Theme URI: na
Template: twentynineteen
Author: CorpComm Group, Inc.
Author URI: https://corpcommgroup.com
Description: Custom developed for Pax Products
Version: 1.0.1560889498
Updated: 2019-06-18 20:24:58

*/

/*Shell Resources*/

@font-face { font-family: 'exo_medium'; font-style: normal; font-weight: normal; src: url('fonts/Exo2-Medium-webfont.woff') format('woff'), url('fonts/Exo2-Medium-webfont.ttf') format('truetype'); }
@font-face { font-family: 'exo_semibold'; font-style: normal; font-weight: normal; src: url('fonts/Exo2SemiBoldwebfont.woff') format('woff'), url('fonts/Exo2SemiBoldwebfont.ttf') format('truetype'); }
@font-face { font-family: 'exo_light'; font-style: normal; font-weight: normal; src: url('fonts/Exo2-Light.woff') format('woff'), url('fonts/Exo2-Light.ttf') format('truetype'); }
@font-face { font-family: 'exo_thin'; font-style: normal; font-weight: normal; src: url('fonts/Exo2-Thin.woff') format('woff'), url('fonts/Exo2-Thin.ttf') format('truetype'); }
@font-face { font-family: 'exo_bold'; font-style: normal; font-weight: normal; src: url('fonts/Exo2-Bold.woff') format('woff'), url('fonts/Exo2-Bold.ttf') format('truetype'); }

/*Markup*/

* { font-family: Tahoma !important; }
h1:before, h2:before {content: "" !important; background-color: transparent !important; position: absolute; display: none;}
h1 {font-size: 1.6rem !important;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1.1rem; color: #575757; display: block; border-bottom: solid 1px #c40000;}
#interior-fields h3 {text-align: left;}
p, td, li {font-size: 0.8rem; text-align: left; line-height: 1rem;}
p {margin-bottom: 1rem; max-width: none !important;}
.slider-button {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #f0592a;
    border: double 3px #f1f1f1;
    width: 160px;
    margin: 0 auto;
}
body
{
	text-align:left !important;
}
.entry-content {
    text-align: left !important;
}
a:visited.slider-button {
color: #FFF;
}
a:focus.slider-button
{
text-decoration:none;
}
a:hover.slider-button
{
color:#333333;
}
div#Top-Right h4 strong, div#Bottom-Right h4 strong, div#Bottom-Left h4 strong, div#Top-Left h4 strong
{
color:#F1592A;
}

table
{
min-width:950px;
}
table thead th {background: #1c61ae; color: #fff; text-align: center;}
table tbody th {background: #dfe9f3;}
th, td {border: solid 1px #81848b; font-size: 0.8rem !important;}


/*Header*/
div.slogan-cont {position: relative; z-index: 10; height: 50px;}
div.slogan-cont p {margin: 0; line-height: 50px;}
div#locator {background: #fff url("/wp-content/themes/pax-child/images/header-top.png") no-repeat; background-position: top right;}
div#locator p {color: #fff; text-align: right; margin-right: 3rem;}
header.site-header { margin: 0 !important; padding: 0; height: 140px; background: url("images/header-back.png") repeat-x; }
p#site-slogan {  color: #9d9d9e; font-style: italic; }
div#phone a {color: #1c61ae;}
/* div#phone p {position: relative; right: 32px;} */

div.site-branding-container { background: url("/wp-content/themes/pax-child/images/header-back.png") repeat-x; border-bottom: solid 5px #1c61ae;}
div.site-branding { float: left; margin: 32px 32px 0px 48px; min-width: 640px; }


header.entry-header {
    padding-bottom: 20px;
}
header.entry-header h1 {
    border-bottom: 2px solid #f1592a;
}
/*Nav*/

.main-navigation .main-menu > li > a { font-weight: normal; margin-right: 0.5rem; color: #555555; text-transform: uppercase; font-size: 0.8rem; }
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg { color: #fff; }
.main-navigation .sub-menu { background-color: #0c2c3b; font-size: 0.8rem; font-weight: normal;}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, .main-navigation .sub-menu > li > .menu-item-link-return:hover, .main-navigation .sub-menu > li > .menu-item-link-return:focus { background: #f0592a; }

/*Home Page*/

div.home-content {margin-top: -61px;}

/* div#home-about {background: url("/wp-content/themes/pax-child/images/home-center-back.jpg") no-repeat; background-size: contain;  padding: 6rem 0;} */
div#home-about h2 {display: block; border-bottom: solid 3px #2265b0; font-size: 2rem; font-weight: normal;}
div#home-about * {color: #fff;}

#home-lit-vid h2 {font-size: 1.5rem; color: #1c61ae;}
#home-lit-vid p {font-size: 0.65rem; color: #737373;}
#home-lit-vid a {font-size: 1.0rem; color: #fff;  background: #1c61ae; border-radius: 3px; padding: 5px 10px;}
div#home-lit, div#home-vid {background: url("https://pax.ccgproof.com/wp-content/uploads/2022/08/Pax-Home-Lit.png") no-repeat; background-position: center; padding: 4rem 0; min-height: 432px;}
div#home-lit img {position: relative; top: 24px; right: 24px;}
div#home-vid img {position: relative; top: 24px; }

div#cta {background: url("/wp-content/themes/pax-child/images/home-grey-back.png"); background-size: cover; padding: 4rem 0;}
#cta h2 {font-size: 1.5rem; color: #fff; font-weight: normal;}
#cta p {font-size: 0.65rem; color: #fff;}

.site-header.featured-image:after { background: #000; transition: opacity 1200ms ease-in-out; opacity: 0; z-index: 1;}
.image-filters-enabled .site-header.featured-image:after { background: #000e14; opacity: 0; }


p#site-slogan {position: relative; z-index: 10; }
div.site-branding-container {position: relative; z-index: 10;}

div#welcome-message {margin-top: 160px; position: relative; z-index: 4;}
h1.entry-title {position: absolute; display: none;}
main.site-main {background: url("images/shadow-separater.gif") repeat-x;}
div.entry-content {padding: 0px; margin: 0 auto;  }
div.entry-content * {max-width: 100%;}
#welcome-message table td {white-space: nowrap;}

#welcome-message h2 {color: #fff; text-shadow: 2px 2px 1px #000; font-size: 2.4rem; font-weight: normal;}
#welcome-message table {background: #71a0b6;}
#welcome-message table td {border: none; color: #fff; padding: 1px 4px 1px 24px; margin: 0; font-weight: bold;}
#welcome-message p a {color: #fff; display: block; text-decoration: none; background: #f0592a; border: double 5px #4a829e; width: 160px; margin: 0 auto;}

div#path-boxes {background: url("images/path-back.jpg") no-repeat; background-size: cover; position: relative; padding-top: 2rem;}
div#path-boxes:before {display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; content: ""; position: absolute; top: 0px; left: 49%; z-index: 99;}

div#path-boxes div.box {padding: 1rem 5rem;}
div#path-boxes h3 {color: #fff; font-size: 1rem; text-transform: uppercase; background: url("images/h3-accent.gif") no-repeat bottom center;}
div#path-boxes p {color: #fff; font-size: 0.9rem; line-height: normal; margin-bottom: 1rem;}
div#path-boxes a {color: #f0592a; text-decoration: none; border: solid 1px #f0592a; text-transform: uppercase; padding: 4px 10px; font-weight: bold;}

div.coa {background: #f1592a; border-top: solid 3px #fff; border-bottom: solid 3px #fff; padding: 2rem;}
div.coa h2 {color: #fff;}
div.coa a {color: #fff; text-decoration: none; border: solid 1px #fff; text-transform: uppercase; padding: 4px 10px; font-weight: bold;}

#benefits div {background-size: cover; background-position: top right; min-height: 462px; background-color: #0c2f3e; padding: 32px 32px 8px 32px;}
#benefits div * {color: #fff;}
#benefits div h3 {font-size: 1.2rem;}
#benefits div p, #benefits div li {font-size: 0.9rem;}




.vcenter {margin-top: 10%;}

div#interior-fields {display: none; position: absolute;}

/*Content*/

div#productInfo {
    float: left;
 max-width: none !important;
}


.entry-content table {width: 98%;}
.entry-content table, .entry-content td {border: none;}
.entry-content td {border: none; vertical-align: top; padding-right: 2rem; padding-left: 0;}
.entry-content li {margin-left: 2rem; color: #585858;}
.entry-content p { color: #585858;}
.entry-content strong {color: #000;}

ccg-ui div.ui-accordion-content-active {background: #efefef;}

div.coa-global {background: #f1592a; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 2rem;}
.page-id-220 div.coa-global {position: absolute; display: none;}
div.coa-global h2 {color: #fff;}
div.coa-global a {color: #fff; text-decoration: none; border: solid 1px #fff; text-transform: uppercase; padding: 4px 10px; font-weight: bold;}

.entry .entry-title::before
{
display:none;
}
.wrap {
    max-width: 80%;
    margin: 0 10%;
    padding: 0px;
	clear:left;
}

div#Top-Left {padding: 0px !important;}
div#Top-Right {padding-left: 30px !important;}

#Top-Left img, #Top-Right img, #Bottom-Left img, #Bottom-Right img
{
width:100%;
}

#interior-fields li, #interior-fields td {font-size: 0.9rem;}
#interior-fields li strong {font-weight: normal !important;}

div.stand-alone-right, div.stand-alone-left, div.wide-box {margin: .62rem 0;}
div.stand-alone-right h3, div.stand-alone-left h3, div.wide-box h3 {display: block; border-bottom: solid 1px #ccc;}

div.wide-box {box-shadow: 3px 3px 8px 2px rgba(25,25,32,0.15); padding: 0.6rem 2rem; background: #f1592a;}

div.wide-box * {color: #fff;}

div.stand-alone-left {padding: 0;}

/*div.stand-alone-left div.interior-box {box-shadow: 3px 3px 8px 2px rgba(25,25,32,0.15); padding: 0.6rem 2rem; background: #0c2f3e;}
div.stand-alone-left * {color: #fff;}*/

div.stand-alone-right {padding-right: 0;}
div.stand-alone-right div.interior-box {box-shadow: 3px 3px 8px 2px rgba(25,25,32,0.15); padding: 0.6rem 2rem; background: #0c2f3e;}
div.stand-alone-right * {color: #fff;}

/*Footer*/

footer.site-footer { background: #1c61ae; min-height: 400px; position: relative;}
footer.site-footer section#text-2 p { font-size: 0.7rem; color: #fff; line-height: normal; margin-left: 30px; }
footer.site-footer section#text-2 p a { color: #ddd; text-decoration: underline; }
footer.site-footer table td { border: none; font-size: 0.7rem; color: #fff; pading: 1px; line-height: normal; }
footer.site-footer section#text-3 { margin-right: 0; padding-left: 300px; }
footer.site-footer section#text-3 p { margin: 0; padding: 0; }
footer.site-footer section#text-3 img {margin-left: 6px;}
footer.site-footer .textwidget a {color: #fff;}

p#ccg-tag {position: absolute; bottom: 1rem; right: 1rem; font-size: .68rem; color: #fff;}
p#ccg-tag a {color: #ddd;}

/*Media Queries*/


@media screen and (max-width: 40em) {
/* AKA 640px */

}


@media screen and (max-width: 50em) {
/* AKA 800px */
 div.row {
    margin-right: 8px;
    margin-left: 8px;
}
}

@media screen and (min-width: 50em) and (max-width: 64em) {
/*AKA 800px - AKA 1024px */


}