.playfair { font-family: 'Playfair Display', serif !important; }
.poppins { font-family: 'Poppins', sans-serif !important;; }

body 
{
    font-family: 'Poppins', sans-serif;
    font-size:13pt;
    background-color:rgba(255,255,255,1.0);
}

h1, h2, h3, h4, h5, h6, h7 
{
    font-family: 'Playfair Display', serif !important;
}

h1 
{
    font-weight:bold;
}

h2 
{
    font-size:1.8em;
}

hr 
{
    border:1px dashed rgba(0,0,0,0.15);
    margin-top:2em;
    margin-bottom:2em;
}

#divMobileMenu
{
}

#divMobileMenu a 
{
    display:block;
    background-color:#000000;
    text-align:center;
    color:#ffffff;
    padding:10px;
    font-size:10pt;
    text-decoration:none;
}

#divMobileMenuWindow {
    display:none;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    padding:1em;
    background-color:rgba(0,0,0,.95);
    overflow-y:auto;
    z-index:9999;    
}

#divMobileMenuWindow ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

#divMobileMenuWindow ul li a {
    display:block;
    padding:0.5em;
    background-color:rgba(10,10,10,.90);
    text-decoration:none;
}

#divMobileMenuWindow ul li ul li a {
    display:block;
    padding:0.5em;
    background-color:rgba(25,25,25,.90);
    text-decoration:none;
    padding-left:2em;
}

#divMainContentArea.secondary h3, #divMainContentArea.secondary h4, #divMainContentArea.secondary h5, #divMainContentArea.secondary h6, #divMainContentArea.secondary h7 
{
    font-family: 'Poppins', sans-serif !important;
    font-weight:bold;
}

#divMainContentArea.secondary h3 
{
    font-size:1.2em;
}

#divTopLoginArea, #divTopBarArea 
{
    background-color:#2f2d2e;
    color:#ffffff;
    padding-top:0.5em;
    padding-bottom:0.5em;
    font-size:10pt;
}

#divTopLoginArea input[type=text],  #divTopLoginArea input[type=password], #divTopLoginArea input[type=button], #divTopLoginArea input[type=submit] 
{
    background-color:#803e12;
    background-image:none;
    color:#ffffff;
}

#divHeaderBanner 
{
    background-image:url('/lib/layout/gomezagency.com/images/HeaderBanner.jpg');
    background-repeat:no-repeat;
    background-sizing:cover;
    background-position:center center;
}

#divHeaderOptions 
{
    background-color:rgba(255,255,255,0.80);
    padding:1.25em 1.25em;
}

#divHeaderOptions .inner {
    display:flex;
    gap:1em;
    justify-content:space-between;
    align-items:center;
}

#divHeaderLogo {
    flex-grow:0;
}

#divHeaderMenu 
{
    flex-grow:1;
    text-align:right;
    margin:0px;
    padding:0px;
    max-width:initial !important;
}

#divHeaderMenu ul
{
    margin:0px;
    padding:0px;
}

#divHeaderMenu ul li a
{
    font-family: 'Poppins', sans-serif;
    color:#201f1f;
    font-size:1em;
    padding:0.5em 1.0em;
    font-weight:bold;
}

#divHeaderMenu ul li a:hover 
{
    background-color:#d97b61;
    border-bottom:1px solid #201f1f;
}

#divHeaderMenu ul li ul 
{
    display:none;
    position:absolute;
    top:2em;
    background-color:rgba(255,255,255,.95);
    padding:1em;
    box-shadow:5px 5px 5px rgba(0,0,0,.75);
}

#divHeaderMenu ul li ul li a
{
    width:100%;
    text-align:left;
}

#divHeaderMenu ul li ul li a:hover
{
    background-color:#212121;
}

#divHeaderMenu ul li ul li
{
    display:block;
}

#divHeaderMenu ul li:hover ul 
{
    display:block;
}

#divHeaderLogo 
{
    max-width:100%;
}

#divHeaderSlogan 
{
    font-family: 'Playfair Display', serif;
    color:rgba(255,255,255,1.0);
    text-align:center;
    font-size:2.5em;
    padding:4em 0px;
}

#divHeaderTitleArea 
{
    background-color:#2f2d2e;
    color:#ffffff;
    padding-top:1em;
    padding-bottom:1em;
}

#divHeaderTitleArea h1
{
    color:#ffffff;
    margin:0px;
    font-weight:normal;
}

.content-container 
{
    padding-top:6em;
    padding-bottom:6em;
}

#divServicesArea a, #divServicesArea a:visited, #divServicesArea a:active
{
    display:block;
    background-color:#dbdbdb;
    padding:10em 1em;
    text-decoration:none;
    border-radius:15em;
    margin-bottom:1em;
}

#divServicesArea a:hover
{
    background-color:#454141;
    color:#ffffff;
}

#divClaimArea 
{
    background-image:url('/lib/layout/gomezagency.com/images/ClaimBG.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    background-sizing:cover;
    color:#ffffff;
    font-size:1.35em;
}
#divClaimArea a, #divClaimArea a:active, #divClaimArea a:visited
{
    color:#fbc1b1;
}

#divTestimonialArea 
{
    background-color:#eae8e7;
}

#divTestimonialArea h2
{
    font-size:2em;
    font-weight:bold;
    margin-bottom:1.5em;
}

#divConnectArea 
{
    background-image:url('/lib/layout/gomezagency.com/images/ConnectBG.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    background-sizing:cover;
    color:#ffffff;
    font-size:1.5em;
}

#divConnectArea h2
{
    color:#ffffff;
    font-size:2.2em;
}

a.btn-site, .btn-site  
{
    display:inline-block;
    text-decoration:none;
    background-color:#d97b61;
    color:#ffffff;
    padding:0.5em 1em;
    font-size:0.9em;
}

a.btn-site:hover, .btn-site:hover  
{
    background-color:#c36950;
}

#divFooterArea 
{
    background-color:#302e2f !important;
    color:#ffffff !important;
}

#divFooterArea .logo 
{
    max-width:300px;
}

#divFooterArea h2
{
    color:#ffffff !important;
    font-size:4em;
    margin-bottom:0.25em;
    margin-top:0px;
}

#divFooterArea h3
{
    color:#ffffff !important;
    font-size:1.5em;
}

#divFooterArea a, #divFooterArea a:active, #divFooterArea a:visited 
{
    color:#ffffff;
    text-decoration:none;
    text-align:center;
}

#divFooterArea .copyright 
{
    font-size:1.5em;
}

#divFooterArea ul 
{
    margin:0px;
    padding:0px;
    margin-top:3em;
}

#divFooterArea ul li
{
    display:inline-block;
    width:49%;
}

#divFooterArea ul li a 
{
    display:block;
    font-size:1.5em;
}

.thumbnail 
{
    border:1px solid rgba(0,0,0,.10);
    background-color:rgba(0,0,0,.05);
    padding:0.25em;
    border-radius:3px;
}

@media screen and (max-width: 720px) 
{
   #divHeaderLogo 
   {
       float:none !important;
       margin:0px auto;
   }
   #divHeaderLogo img
   {
       margin:0px auto;
   }
   #divHeaderOptions .inner {
    display:block;
   }

   #divHeaderSlogan 
   {
       font-size:1.5em;
   }
   
   #divConnectArea 
   {
       text-align:center;
   }
   #divFooterArea 
   {
       text-align:center;
   }
   #divTopBar .row {
        margin:0px;
   }
}

.img-responsive 
{
    max-width:100%;
    height:auto;
}