/*
Theme Name: CWC Austin 2018
Theme URI: https://customwinecellarsaustin.com
Author: Bryan Bio
Author URI: http://www.holisticwebpresence.com
Description: Custom Theme for https://customwinecellarsaustin.com
Version: 1.0
*/
/*------------------------------------*\
    Fonts
\*------------------------------------*/
/*------------------------------------*\
   Main
\*------------------------------------*/
.tablet-header {
  display: none;
}
nav.navigation.pagination {
    display: none !important;
}
.col.span_3_of_12.blog-img img {
    width: 300px;
    height: 321px;
    object-fit: cover;
}
div.col.blog-text div.blog-category-desc p {
    float: left;
}
.blog-category-desc {
    display: flex;
}
div.col.blog-text div.blog-category-desc ul {
    float: left;
    padding-left: 20px !important;
}
ul.post-categories {
    padding: 0px !important;
}
figure#attachment_388 a picture img {
    height: 520px !important;
    object-fit: cover !important;
}
div.youtube-container {
 width: 80%;margin: auto;display: table;position: relative;top: 22px;
}
ol.no-bullet li {
    margin-bottom: 10px;
    font-size: 16px;
}
ol.no-bullet {
    padding-left: 0px;
}
.mobile-header {
  display: none;
}
.desktop-header {
  display: block;
}
.mx-img {
  display: block !important;
  max-width: 365px !important;
  margin: 0 auto;
}
a.blog-title:hover {
    color: #fe0000 !important;
}
ul#menu-sidebar-3 > li > a { text-decoration: none !important; }
ul#menu-sidebar-3 > li > a:hover { color: black !important; }
li.current_page_item > a { color: black !important; }
.link-color { color: #fe0000 !important; }
.link-color-quote { color: #fe0000 !important; }
.link-color-quote:hover { color: blue !important; }
a.link-color-2 { color: #fe0000 !important; font-size: 1.4vw !important; }
.link-color:hover { color: #116dd5 !important; }
.link-color-2:hover { color: white !important; }
.col-10 ul li { color: #ffffff !important; }
a.link-color-3:hover {
  color:#116dd5 !important;
}
a.link-color-bright {
  color: #ff0000 !important
}
a.nav-no-link:hover {
    color: red !important;
}
.foogallery.fg-caption-hover .fg-caption .fg-caption-inner {
 padding-left: 20px;
 padding-right: 20px;
}
a.link-color-3 {
 color:white !important;
}
.text-shadow {
    text-shadow: -6px 3px 30px #000000, 4px 1px 30px #000000, 6px 6px 30px #000000, -7px 6px 30px #000000;
}
.text-shadow-dark {
    text-shadow: -6px 0px 10px #000000, -3px -3px 5px #000000, 2px 4px 7px #000000, -6px 1px 5px #000000;
}
.text-shadow-light {
    text-shadow: -2px 1px 14px #000000, 4px 1px 30px #5a5a5a, 6px 6px 30px #0e0e0e, -7px 6px 30px #000000;
}
ul#menu-home-left-menu > li.menu-item-type-custom > a {
    cursor: pointer !important;
}
ul#menu-home-left-menu > li > a, ul#menu-home-left-menu-gallery > li > a, ul.sub-menu > li > a, ol#menu-home-left-menu-gallery > li > a {
    color: white;
    font-size: 0.9vw;
    text-decoration: none !important;
}
ul.sub-menu > li > a:hover {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu > li.menu-item-type-custom > a:hover {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu > li.menu-item-type-custom:hover > button.dropdown-toggle {
    background-color: #eaeaea;
    background-color: rgba(51, 51, 51, .1);
}
ul#menu-home-left-menu > li.menu-item-type-custom:hover > a {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu > li.menu-item-type-post_type:hover > a {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu > li.menu-item-type-custom > a:hover {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu-gallery li:hover {
    background: #eab60a;
}
ul#menu-home-left-menu-gallery li:hover a {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu-gallery > li > a:hover,
ol#menu-home-left-menu-gallery > li > a:hover {
    color: red !important;
    text-decoration: none !important;
}
ul#menu-home-left-menu-gallery > li,
ol#menu-home-left-menu-gallery > li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

ul#menu-home-left-menu > li a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

ul#menu-main-menu > li > a {
    color: white;
    text-decoration: none !important;
    padding-left: 20px !important;
}
ul#menu-main-menu > li > a:hover {
    color: red !important;
    text-decoration: none !important;
}
ul.post-categories {
    position: relative;
    bottom: 4px;
}
ul.post-categories > li {
    float: left;
    margin-right: 10px;
}
.sidebar-4-black {
    background: #000000;
    padding: 15px;
}
.border-cta {
    border: 1px solid white;
    padding: 10px;
}
a.red-btn-sidebar {
    width: 14vw;
    text-align: center;
    color: white !important;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    margin-top: 12px;
    font-size: 16px;
    margin-bottom: 12px;
    background: red;
    padding-top: 11px;
    padding-bottom: 11px;
}
a.red-btn-sidebar:hover {
    color: #116dd5 !important;
}
span.txt-white-cta {
    color: white;
    width: 100%;
    display: block;
    font-size: 1.2vw;
    text-align: center;
    font-weight: 700;
}
span.txt-white-cta-big {
    color: white;
    text-align: center;
    font-size: 6vw;
    width: 100%;
    display: block;
    font-weight: bold;
}

.blue-box {
  margin-bottom: 6px;
}
ul.wsp-posts-list {
    padding-left: 20px;
}
ul.wsp-pages-list {
    padding-left: 20px;
}
ul.wsp-pages-list > li > a, ul.wsp-posts-list > li > a, ul.wsp-posts-list > li > strong > a {
    color: #59636f;
}
ul.wsp-pages-list > li::before {
    content: "•";
    color: #006bdd;
    margin-right: 11px;
    font-size: 22px;
}
.txt-white {
  color: #fff;
}
.span-feature {
    background: #f30606;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin: 10px auto;
    border-radius: 4px;
    position:relative;
    right:3px;
}
.sub-menu {
  display:none;
  z-index: 1;
  background: #116dd5;
  padding: 5px 0px 5px 0px !important;
  width: auto;
  position: absolute;
  max-width: 245px;
}
ul.sub-menu > li {
  border-bottom: 1px solid white;
  width: 98%;
  padding: 3px 12px 4px 12px !important;
}
ul.sub-menu > li:last-child {
  border-bottom: none !important;
  width: 98%;
}
ul#menu-main-menu > li:hover ul.sub-menu {
  display: block !important;
}
.pre-footer-content > h4 {
color: white;
}
.top-nav-holder { background-color: #000000; }
.sidebar-1 ul li,
.sidebar-2 ul li { border-color:#9a9898; }

.blogpost h2 a { color:#05374f !important; }
.blogpost a { color: #ffb900 !important; }
.blogpost .link {
    border-color: #ffb900;
    color: #ffb900 !important;
}
.blogpost .link:hover {background-color: #106dd5; color:#000;}

.button-border { border:2px solid #fe0000 !important; }
.button { background-color: #fe0000 !important; }
.sidebar-1 { background-color: #106dd5 ; }
.sidebar-2 { background-color: #20387b ; }
.sidebar-3 { background-color: #cbcbcb ; }

.sidebar-2 h3, .sidebar-3 h3 { background-color: black ; }

.main-content h1, .main-content h2,  .main-content h3,  .main-content h4,  .main-content h5,
.post-title { color:#05374f !important; }
.main-content ul li a, .main-content ol li a { color:#ffb900; }
.main-content a { color: #ffb900; }
.main-content a:hover { color: #05374f; }

.contact-form-container input[type=submit] {
    border-color: #ffb900 !important;
    color: #ffb900 !important;
}
.contact-form-container input[type=submit]:hover {
    background: #ffb900 !important;
}
.contact-form-container { background:#05374f; }
.contact-form-container h2 { background:#1b6e96; color:#fff !important; }

.mobiletop,
.sidebar-480,
.sidebar-768,
.top-nav-holder-768 {
    display: none
}

body,
h1,
h2,
h3,
p,
ul {
    font-family: Montserrat, sans-serif
}

.container,
body {
    background: #fff
}
.footer-contact-white {
    font-size: 0.8vw;
    position: relative;
    bottom: 3px;
}
.footer-nav,
.top-nav ul {
    list-style: none
}

.blogpost,
.clearer {
    clear: both
}

.slingpic[style] {
    margin: 5px auto!important;
    height: auto!important
}

.slingpic[style] img.alignleft {
    padding: 5px 20px 20px 0!important;
    float: left
}

.slingpic[style] img.alignright {
    padding: 5px 0 20px 20px!important;
    float: right!important
}

#toc-np-container p {
    cursor: pointer
}

#toc-np-container {
    padding: 10px;
    margin: auto
}

#toc-np-container ul {
    margin-top: 0!important;
    text-align: left
}

.centered,
a.black-button {
    text-align: center
}

#toc-np-container ul li {
    padding: 5px 0
}

#toc-np-container li.header-level-2 {
    position: relative
}

#toc-np-container li.header-level-2 a:before {
    content: url(images/bullet.png);
    position: absolute;
    left: 5px
}

#toc-np-container #toc-np-title {
    font-size: 24px
}

#toc-np-container p::after {
    content: '⇅';
    float: right;
    cursor: pointer;
    color: #000
}

.toc-leftalign {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px
}

.toc-rightalign {
    float: right;
    padding-left: 20px;
    padding-bottom: 20px
}

blockquote {
    color: #4ebead
}
.top-contact > div > p {
    width: 90% !important;
}
a {
  color: #fe0000;
  text-decoration: underline;
}

a:hover {
    color: #116dd5 !important;
    text-decoration: underline;
}

.no-link-color {
    color: #fff!important;
    text-decoration: none!important
}

.no-link-color:hover {
    text-decoration: underline!important
}

.col-1 .content .title-2,
.col-2 .content .title-2,
.col-6 .content .title-3,
.col-7 .content-bottom span,
.main-content a,
.main-content a:hover,
.top-contact a {
    text-decoration: underline
}

p,
ul {
    font-size: 1vw;
    font-style: normal
}

.sidebar-1 li a,
.sidebar-2 li a {
    display: inline-block;
    letter-spacing: 1px
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(fonts/Montserrat-Regular.otf);
    font-weight: 400!important
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(fonts/Montserrat-Light.otf);
    font-weight: 400!important
    font-display: swap;
}
a.blog-title {
    font-size: 1.5vw;
    color: #116dd5;
    font-weight: bolder
}
h1 {
    font-size: 2vw;
    color: #116dd5;
    font-weight: bolder
}

body,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

h2 {
    font-size: 1.6vw;
    color: #116dd5;
}

h3 {
    font-size: 1.3vw;
    color: #116dd5;
}

h4 {
    font-size: 1.1vw;
    color: #116dd5;
}

h5 {
    font-size: 1vw;
    color: #116dd5;
}

body {
    font-size: 100%;
    line-height: 1.2;
    margin: 0
}

.col-1 .content .button,
.col-1 .content h3,
.col-2 .content .button,
.col-2 .content h3,
.top-contact strong {
    font-family: Montserrat-Regular, sans-serif
}

ul li {
    padding: .5% 0
}

.container {
    width: 2000px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    border: 15px solid #fff;
    border-bottom: none
}

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

.main-col-1 {
    width: 25%
}

.logo {
    padding: 10px
}

.sidebar-1 ul,
.sidebar-2 ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar-1 {
    background: #106dd5;
    padding: 1% 0;
}

.sidebar-1 ul li {
    border-bottom: 2px dashed #8db7cb;
    margin: auto;
    padding: 4% 0
}

.sidebar-1 li:last-child {
    border-bottom: none
}

.sidebar-1 li a {
    text-transform: uppercase
}

.sidebar-2 {
    background: #106dd5;
    margin-top: 4%;
    padding: 4%
}

.sidebar-2 h3 {
    background: red;
    color: #fff;
    padding: 2%;
    margin: 0 auto 10px
}

.sidebar-2 ul li {
    border-bottom: 2px dashed #8db7cb;
    margin: auto;
    padding: 3% 0
}

.sidebar-2 li:last-child {
    border-bottom: none
}

.sidebar-3 {
    background: #cbcbcb;
    margin-top: 4%;
    padding: 3%
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    max-width: 73%!important
}

.col-10 img,
.col-8 img,
.col-9 img,
.top-contact img {
    float: left
}

.blogpost img,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7 {
    max-width: 100%
}

.content-sidebar-4 {
    padding-bottom: 15px
}
a.black-button {
    background-color: #000;
    color: #fff!important;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 7px;
    font-size: 1.2vw;
    font-weight: 700;
    border-radius: 5px;
    padding-bottom: 7px;
    position: relative;
    top: 5px
}

.content-sidebar-3 {
    position: relative;
    bottom: 10px
}

.sidebar-3 h3 {
    background: #106dd5;
    color: #fff;
    padding: 3% 2%;
    margin: 0 auto 10px
}

.sidebar-3 ul {
    margin-left: 2%;
    padding: 0 2% 2%;
    margin-top: 0;
    margin-bottom: 0
}

.sidebar-3 ul li {
    margin: auto;
    padding: 0;
    display: list-item;
    color: #05374f
}

.sidebar-3 ul li a {
    color: #000;
    letter-spacing: 1px;
    padding: 6px 0;
    display: block
}
.sidebar-3 ul li {
    color: #000;
    letter-spacing: 1px;
    padding: 6px 0;
    font-size: 1vw;
    font-style: normal;
}

.desktop-specialist {
    display: block
}

.mobile-specialist {
    display: none
}

@media (max-width:1500px) {
    .col-6,
    .col-7 {
        height: 668px
    }
   div.youtube-container {
     width: 80%;margin: auto;display: table !important;position: relative;top: 22px;
   }
}

@media (max-width:1366px) {
    .col-6,
    .col-7 {
        height: 668px
    }
   div.youtube-container {
     width: 80%;margin: auto;display: table !important;position: relative;top: 22px;
   }
}

@media (max-width:1260px) {
    .col-6,
    .col-7 {
        height: 404px
    }
   div.youtube-container {
     width: 80%;margin: auto;display: table !important;position: relative;top: 22px;
   }
}
@media (max-width:1080px) {
    .col-6,
    .col-7 {
        height: 329px !important;
    }
   div.youtube-container {
     width: 80%;margin: auto;display: table !important;position: relative;top: 22px;
   }
}
@media screen and (max-width:768px) {
   
   div.youtube-container {
     width: 100%;margin: auto;display: table !important;position: relative;top: 4px;
   }
  .tablet-header  {
    display: block !important;
  }
  .mobile-header  {
    display: none !important;
  }
  .desktop-header  {
    display: none !important;
  }
}
@media (max-width: 960px) {
   div.youtube-container {
     width: 100%;margin: auto;display: table !important;position: relative;top: 4px;
   }
  .span_7_of_12 {
    width: 100% !important;
  }
  .sidebar-1 li a {
    color: white !important;
    text-decoration: none !important;
  }
  .sidebar-2 ul li > a {
    color: white !important;
    text-decoration: none !important;
  }
}
@media (max-width:768px) {
   div.youtube-container {
     width: 100%;margin: auto;display: table !important;position: relative;top: 4px;
   }
.container-pages {
  width: 100%;
  display: flex;
}
a.link-color-2 {
    color: #fe0000 !important;
    font-size: 5.4vw !important;
}
a.blog-button {
 float:none !important;
}
h1 {
    font-size: 7vw !important;
    text-transform: uppercase !important;
}
.blog-title {
    font-size: 4vw !important;
}
.footer-contact-white {
    font-size: 2.8vw;
    position: relative;
    bottom: 23px;
}
    h3.quote-text {
        font-size: 2.4vw!important
    }
    .col-1 .content {
        top: 39%!important
    }
    .col-2 .content {
        top: 14%!important
    }
}
@media(max-width:675px) {
   div.youtube-container {
     width: 100%;margin: auto;display: table !important;position: relative;top: 4px;
   }
a.link-color-2 {
    color: #fe0000 !important;
    font-size: 5.4vw !important;
}
h1 {
    font-size: 7vw !important;
    text-transform: uppercase !important;
}
a.blog-button {
 float:none !important;
}
.blog-title {
    font-size: 4vw !important;
}
.footer-contact-white {
    font-size: 2.8vw;
    position: relative;
    bottom: 23px;
}
    .footer-logo img {
        width: 65%!important
    }
}

.footer-contact {
    color: #000!important
}

@media(max-width:650px) {
p picture img {
    width: 100% !important;
    object-fit: cover !important;
}
p picture {
    width: 100% !important;
    text-align: center !important;
}
.tablet-header  {
  display: none !important;
}
.mobile-header  {
  display: block !important;
}
.desktop-header  {
  display: none !important;
}
a.link-color-2 {
    color: #fe0000 !important;
    font-size: 5.4vw !important;
}
h2, h3 {
  font-size: 3.8vw;
}
h1 {
    font-size: 7vw !important;
    text-transform: uppercase !important;
}
a.blog-button {
 float:none !important;
}
.blog-title {
    font-size: 4vw !important;
}
.footer-contact-white {
    font-size: 2.8vw;
    position: relative;
    bottom: 23px;
}
    .col-7 .content h3 {
        text-align: left!important
    }
    .footer-nav ul {
        display: none!important
    }
    .desktop-specialist {
        display: none
    }
    .mobile-specialist {
        display: block
    }
    h3.quote-text {
        font-size: 6vw!important
    }
    a.black-button {
        font-size: 3.2vw
    }
    .col-1 .content {
        top: 4%!important
    }
    .col-2 .content {
        top: 8%!important
    }
    .sidebar-4 {
        background: #ffb900;
        margin-top: 1%;
        margin-bottom: 1%;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px
    }
}

.main-col-2 {
    width: 75%;
    position: relative;
    left: .8%
}

.top-nav-holder {
    background: #106dd5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1%
}

.top-nav ul {
    margin: 0
}

.top-nav ul li {
    display: inline-block;
    margin-left: 2%
}

.top-nav ul li:last-child {
    margin-right: 0
}

.top-nav ul li:last-child:after {
    content: none
}

.top-nav ul li a {
    display: inline-block;
    padding: 5px;
	font-size: 1.3rem;
}

.top-contact {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.top-contact p {
    position: relative;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
	font-size: 1.3rem;
}

.top-contact a {
    color: #ffb900
}

.top-contact .icon-phone {
    background: url('images/Custom Wine Cellars San Diego Phone.png') no-repeat;
    background-size: contain!important;
    width: 9%;
    padding-bottom: 48.27%;
    position: absolute;
    top: 28%;
    left: -41px;
}

.column-1-container,
.column-2-container {
    margin-bottom: 1%
}

.col .content {
    position: absolute;
    color: #fff
}

.col .content h3 {
    margin: auto
}

.col .content p {
    margin: 1.2% auto
}

.col-1 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/uploads/2021/03/Austin-Custom-Commercial-Wine-Cellars-Displays-That-Impress.jpeg') no-repeat;
    width: 99%;
    background-size: cover!important;
    padding-bottom: 82.27%;
    position: relative
}

.col-1 .content {
    padding-left: 20px;
    position: absolute;
    top: 50%;
    width: 95%;
    margin: auto;
    left: 2%
}

.col-1 .content h3 {
    font-weight: 700;
    font-size: 1.4vw;
text-shadow: -6px 3px 30px #000000, 4px 1px 30px #000000, 6px 6px 30px #000000, -7px 6px 30px #000000;
}

.col-1 .content .button {
    font-weight: 700;
    background: #ffb900;
    padding: 2% 8%;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1.5vw;
    display: inline-block
}

.col-1 .content .button a {
    font-weight: 700;
    color: #ffffff;
}

.col-1 .content .title-2 {
    color: #fe0000;
    font-size: 1.2vw
}

.col-2 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Austin%20Custom%20Residential%20Wine%20Cellars%20Wood%20Wine%20Racks%20That%20Impress.jpg') no-repeat;
    width: 99%;
    background-size: cover!important;
    padding-bottom: 82.27%;
    position: relative;
    left: 1%
}

.col-2 .content {
    padding-left: 15px;
    position: absolute;
    top: 4%;
    width: 95%;
    margin: auto;
    left: 2%
}

.col-3 .content,
.col-4 .content,
.col-5 .content,
.icon-column-1,
.icon-column-2,
.icon-column-3 {
    left: 50%;
    transform: translate(-50%, 0)
}

.col-2 .content ul li {
    margin: auto;
    padding: 0;
    display: list-item;
    color: #ffb900
}

.col-2 .content ul li span {
    color: #fff!important
}

.col-2 .content h3 {
    font-weight: 700;
    font-size: 1.4vw;
text-shadow: -6px 3px 30px #000000, 4px 1px 30px #000000, 6px 6px 30px #000000, -7px 6px 30px #000000;
}

.col-2 .content .button {
    font-weight: 700;
    background: #ffb900;
    padding: 2% 8%;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1.5vw;
    display: inline-block
}

.col-3 .content p.number,
.col-4 .content p.number,
.col-5 .content p.number {
    font-family: Montserrat-Regular
}

.col-2 .content .button a {
    color: #ffffff;
}
.col-2 .content .title-2 {
    color: #ffb900;
    font-size: 1.2vw
}

.col-3 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Custom%20Wine%20Racks%20Austin%20Texas%20Installers%20and%20Designers%20at%20Work.png') no-repeat #000;
    width: 97%;
    background-size: cover!important;
    padding-bottom: 57.28%;
    position: relative
}

.col-3 .content {
    top: 10%;
    width: 100%
}

.col-3 .content .button-border {
    border: 2px solid #fe0000;
    border-radius: 2px;
    padding: 1% 10%;
    text-align: center;
    width: 80%;
    margin: 30% auto auto
}

.col-3 .content p {
    color: #ffb900;
    font-size: 1vw;
    margin: 3px 0
}

.col-3 .content p.number {
    font-size: 1.4vw;
    font-weight: 700
}

.col-3 .content p a {
    color: #fe0000 !important
}

.col-4 .content p a,
.col-5 .content p,
.col-5 .content p a {
    color: #ffb900
}

.icon-column-1 {
    background: url('images/Custom Wine Cellars San Diego Professional.png') no-repeat;
    background-size: contain!important;
    width: 23%;
    padding-bottom: 27%;
    position: absolute
}

.col-4 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Austin%20Wine%20Store%20Display%20Racks%20Commercial%20Wooden%20Wine%20Racking.png') no-repeat #000;
    width: 97%;
    background-size: cover!important;
    padding-bottom: 57.28%;
    position: relative
}

.col-4 .content {
    top: 10%;
    width: 100%
}

.col-4 .content .button-border {
    border: 2px solid #ffb900;
    border-radius: 2px;
    padding: 1% 10%;
    text-align: center;
    width: 80%;
    margin: 30% auto auto
}

.col-4 .content p {
    color: #ffb900;
    font-size: 1vw;
    margin: 3px 0
}

.col-4 .content p.number {
    font-size: 1.6vw;
    font-weight: 700
}

.icon-column-2 {
    background: url('images/Best Price - Custom Wine Cellars San Diego.png') no-repeat;
    background-size: contain!important;
    width: 28%;
    padding-bottom: 27%;
    position: absolute
}

.col-5 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Austin%20Residential%20Custom%20Wine%20Cellar%20Builders%20Lighting%20Displays.png') no-repeat #000;
    width: 97%;
    background-size: cover!important;
    padding-bottom: 57.28%;
    position: relative
}

.col-5 .content {
    top: 10%;
    width: 100%
}

.col-5 .content .button-border {
    border: 2px solid #ffb900;
    border-radius: 2px;
    padding: 1% 10%;
    text-align: center;
    width: 80%;
    margin: 30% auto auto
}

.col-5 .content p {
    font-size: 1vw;
    margin: 3px 0
}

.col-5 .content p.number {
    font-size: 1.6vw;
    font-weight: 700
}

.col-6 .content .title-2 span,
.col-6 .content h3,
.col-7 .content h3 {
    font-family: Montserrat-Regular, sans-serif;
    font-weight: 700
}

.icon-column-3 {
    background: url('images/Custom Wine Cellars San Diego Question.png') no-repeat;
    background-size: contain!important;
    width: 28%;
    padding-bottom: 27%;
    position: absolute
}

.col-6 {
	 background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Wine%20Barrell%20Wine%20Racks%20Cellar%20Unique%20Contractor%20Displays%20Texas.png') no-repeat;
    width: 99%;
    background-size: cover!important;
    padding-bottom: 69.4%;
    position: relative
}

.col-6 .content {
    position: absolute;
    top: 50%;
    width: 95%;
    margin: auto;
    left: 2%
}

.col-6 .content h3 {
    font-size: 1.4vw;
text-shadow: -6px 3px 30px #000000, 4px 1px 30px #000000, 6px 6px 30px #000000, -7px 6px 30px #000000;
}

.col-6 .content .title-2 {
    color: #fff;
    font-size: 1.3vw
}

.col-6 .content .title-2 span {
    color: #ffb900;
    text-decoration: underline
}

.col-6 .content p {
    font-size: .9vw
}

.col-6 .content .title-3 {
    color: #ffb900
}

.col-7 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/uploads/2020/10/VintageView-Austin-and-Wood-Wine-Rack-Home-Wine-Cellar-Displays-v2.png') no-repeat;
    width: 99%;
    background-size: cover!important;
    padding-bottom: 97.24%;
    position: relative;
    left: 1%
}

.col-7 .content {
    position: absolute;
    width: 95%;
    margin: auto;
    left: 2%
}

.col-7 .content-top {
    top: 10%
}

.col-7 .content h3 {
    font-size: 1.1vw;
    padding-right: 23px;
    padding-left: 15px;
    text-align: justify;
text-shadow: -6px 3px 30px #000000, 4px 1px 30px #000000, 6px 6px 30px #000000, -7px 6px 30px #000000;
}

.col-7 .content-bottom {
    bottom: 5%
}

.col-7 .content-bottom span {
    color: #fe0000;
    font-family: Montserrat-Regular;
    font-weight: 700
}

.col-7 ul li {
    margin: auto;
    padding: 1% 0;
    display: list-item;
    color: red;
}

.pre-footer {
    padding-top: .8%
}

.col-10,
.col-8,
.col-9 {
    color: #fff;
    position: relative;
    padding-bottom: 42%
}

.col-10 .content,
.col-8 .content,
.col-9 .content {
    left: 0;
    padding: 4%
}

.col-10 .pre-footer-content,
.col-8 .pre-footer-content,
.col-9 .pre-footer-content {
    padding-bottom: 5%
}

.col-10 .pre-footer-content {
    padding-bottom: 2%
}

.icon-column-10,
.icon-column-8,
.icon-column-9 {
    padding-bottom: 13%;
    position: absolute;
    left: 5%
}

.col-10 h4,
.col-8 h4,
.col-9 h4 {
    margin-top: 0;
    font-family: Montserrat-Regular, sans-serif;
    margin-left: 20%;
    font-size: 1vw
}

.border {
    border-bottom: 1px solid #fff
}

.col-10 p,
.col-8 p,
.col-9 p {
    margin-top: 5%!important;
    text-align: center;
    font-size: 0.7vw
}

.col-10 .call-to-action,
.col-8 .call-to-action,
.col-9 .call-to-action {
    margin-top: auto!important
}

.col-10 .link-color,
.col-8 .link-color,
.col-9 .link-color {
    text-align: center;
    color: #ffb900;
    margin: 0;
    font-size: 1.6vw;
    font-family: Montserrat-Regular, sans-serif
}

.col-8 {
    background: #106dd5;
    border-right: 1px solid #b5c4cb
}

.col-8 h4 {
    margin-left: 17%
}

.icon-column-8 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/icon-4.png') no-repeat;
    background-size: contain!important;
    width: 11%
}

.col-9 {
    background: #106dd5
}

.icon-column-9 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/icon-5.png') no-repeat;
    background-size: contain!important;
    width: 15%
}

.col-10 {
    border-left: 1px solid #b5c4cb;
    background: #106dd5
}

.icon-column-10 {
    background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/icon-6.png') no-repeat;
    background-size: contain!important;
    width: 13%
}

.col-10 ul {
    font-size: .8vw;
    margin-left: 10%;
    margin-top: 0;
    margin-bottom: 0
}

.col-10 ul li {
    margin: auto;
    padding: 3% 0;
    display: list-item;
    color: #ffb900
}

.col-7 ul li span {
    color: #fff;
    letter-spacing: 1px
}

.main-content {
    padding: 1%;
    clear: both;
    color: #000
}

.main-content p,
.main-content ul {
    color: #000
}

.main-content a {
    color: #ffb900
}

.main-content a:hover {
    color: #1b6e96
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5 {
    color: #05374f;
    font-family: Montserrat-Regular
}

.main-content h1 {
    font-weight: 700
}

.main-content h1:first-child {
    margin-top: 0!important
}

.main-content h2,
.main-content h3 {
    font-weight: 700
}

.main-content h5 {
    font-weight: 700
}

.main-content ol,
.main-content ul {
    color: #000;
    margin-left: 6%;
    padding-left: 0
}

.main-content ol li,
.main-content ul li {
    color: #05374f
}

.main-content ol li a,
.main-content ul li a {
    color: #ffb900
}

.footer-container {
    background: #000000;
    border: 15px solid #fff;
    padding: .5%;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: .8%;
    margin-top: .8%
}

.footer-logo img {
    display: block;
    margin-left: 10%;
    width: 80%;
    max-height: 110px
}

.footer-nav ul {
    text-align: center;
    margin-top: 7%;
    padding-left: 0
}

.footer-nav li {
    display: inline-block;
    margin-left: 15px
}

.footer-nav li:after {
    content: "|";
    color: #000;
    margin-left: 2px
}

.footer-nav li:last-child:after {
    content: none
}

.footer-nav li:last-child {
    margin-right: 0
}

.footer-nav li a {
    display: inline-block;
    color: red;
    text-decoration: none;
}
.footer-nav li a:hover {
  color: #116dd5 !important;
}
div.col.span_5_of_12.footer-nav > a {
  color: white !important
}
.blogpost h2,
.blogpost img {
    display: inline
}

.footer-copyright {
    color: #ffffff;
    text-align: center
}

.blogpost-main {
    margin: 30px 0 0 20px
}

.blogpost {
    padding: 1.5%;
    margin-bottom: 2%;
    overflow: hidden
}

.blogpost:nth-child(odd) {
    background: #f4f4f4
}

.blogpost .link {
    float: left;
    margin-top: 1%;
    border: 2px solid #ffb900;
    padding: .8% 3%;
    font-family: Montserrat-Regular, sans-serif;
    text-decoration: none!important
}

.blogpost .link:hover {
    background: #ffb900;
    color: #000!important
}

.blogpost h2 a {
    color: #05374f!important;
    text-decoration: none
}

.blogpost img {
    height: auto;
    float: left!important;
    margin-right: 16px;
    box-shadow: 0 0 10px #afafaf;
    border: 5px solid #fff;
    width: 200px
}

.blogpost .categories {
    margin-bottom: 0
}

.blogpost .no-break {
    padding-top: 25px;
    padding-bottom: 25px
}

.blogpost:last-child {
    border-bottom: none
}

.blogpost-contents {
    margin-top: 2%
}

.blogpost .postdetails {
    margin: 1% 0;
    clear: none;
    line-height: 1.4
}

.blogpost-main .page-numbers {
    font-size: 18px
}

.blogpost-main .current {
    background: #8A171A;
    color: #fff;
    padding: 3px 7px
}

.contact-form-container {
    background: #05374f;
    padding: 2%
}

.contact-form-container h2 {
    background: #1b6e96;
    padding: 2%;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 0
}

.contact-form-container input,
.contact-form-container textarea {
    padding: 2%;
    width: 100%;
    font-size: 1vw;
    color: #000
}

.contact-form-container input[type=submit] {
    border: 2px solid #ffb900;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    width: 60%;
    margin: auto;
    background: 0 0;
    font-family: Montserrat-Regular, sans-serif;
    font-size: 1.5vw;
    border-radius: 2px;
    color: #ffb900!important
}
section.page-section span {
    font-size: 1vw;
    font-family: "Montserrat";
}
.contact-form-container input[type=submit]:hover {
    background: #ffb900;
    color: #000!important
}

.contact-form-container p {
    color: #fff
}

.contact-form-container p.submit-button {
    text-align: center
}

h2.remove-margin {
    margin-top: 10px
}

.wrap {
    display: inline;
    margin: auto
}

.remove-margin {
    margin: 0
}

.google-map {
    position: relative;
    padding-bottom: 112%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1370px) {
    .footer-nav ul li,
    .top-nav ul li {
        margin-left: 1%
    }
    .top-nav ul li:after .footer-nav ul li:after {
        margin-left: 5px
    }
    .col-3 .content p.number {
        font-size: 1.4vw
    }
}

@media screen and (max-width:1280px) {
    .main-content p,
    .main-content ul {
        font-size: 1.2vw
    }
    .top-nav ul li {
        margin-left: 0
    }
    .top-nav ul li:after .footer-nav ul li:after {
        margin-left: 3px
    }
    ul#mobile-footer-menu {
        margin-top: 40px!important
    }
}

@media screen and (max-width:1024px) {
    .ezcol-one-half {
        width: 100%!important
    }
    p,
    ul {
        font-size: 1vw;
        font-style: normal;
        font-family: Montserrat, sans-serif
    }
    .contact-form-container input,
    .contact-form-container textarea {
        font-size: 1vw;
        padding: 1%
    }
}

@media screen and (max-width:700px) {
    .footer-copyright {
        font-size: 12px
    }
    ul#mobile-footer-menu {
        margin-top: 35px!important
    }
}

.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 38px;
    padding: 0;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 42px;
    margin-left: 10px;
}

.dropdown-toggle:after {
    color: #ebe2e2!important;
    content: " \25bc" !important;
    font-size: 13px !important;
    line-height: 42px !important;
    position: relative !important;
    top: 0px !important;
    right: 4px !important;
    width: 42px!important;
    left: 0px;
}

.dropdown-toggle:focus,
.dropdown-toggle:hover {
    background-color: #eaeaea;
    background-color: rgba(51, 51, 51, .1)
}

.dropdown-toggle:focus {
    outline: #c1c1c1 solid 1px;
    outline: rgba(51, 51, 51, .3) solid 1px
}

.dropdown-toggle.toggle-on:after {
    content: " \25b2"!important
}

.children {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, .1);
    margin: .7667em 0 0 .8em;
    padding-top: .7667em
}

div.menu-home-left-menu-container>ul>li>ul.sub-menu {
    display: none;
    margin-left: .8em
}

div.menu-home-left-menu-container>ul>li>ul.sub-menu.toggled-on {
    display: block;
    position: relative !important;
    background-color: #003877 !important;
    width: 100% !important;
    margin: 0px !important;
    float: none !important;
    margin-right: 0px !important;
    margin-top: 20px !important;
    max-width: 100%;
}
div.menu-home-left-menu-container>ul>li>ul.sub-menu.toggled-on > li {
    padding-bottom: 12px !important;
    padding-top: 10px !important;
}
.optout .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}
.optout .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}
.optout input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  width: auto;
}
.optout input.wpcf7-form-control.wpcf7-submit{
	background: #106dd5;
}
.span_6-nav_of_12 {
    width: 46%;
    margin: 0;
    text-align: left;
    margin-left: 0px;
}

.span_6-right_of_12 {
    width: 53%;
    margin: 0;
    text-align: left;
    margin-left: 0px;
}

/* POP UP CSS */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: "";
	display: table;
}

.footer-sidebar:after,
.hentry:after,
.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}
div#popup:hover {
 display:block;
}
div#popup-us-cellar:hover {
 display:block !important;
}
div#popup-iron-cellar:hover {
 display:block !important;
}
.tooltip-sw {
    position: relative;
	/*width: 28vw;*/
	width:100%;
	margin-right: 1vw;
	display: inline-block;
	text-align: center;
	right: 0;
}

img.imgapprove{
	width: 40.8%;  /* 58% */
	text-align: center;
        position: relative;
        right: 1vw;
}

.tooltip-sw .tooltiptext {
    visibility: hidden;
    width: 3;
    color: #fff;
    text-align: center;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;

}

.toolti-sw:hover .tooltiptext {
    visibility: visible;
}

.us-cellar-container picture img {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}
.iron-wine-container picture img {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}
#box {
  position: relative;
  /*right: 44px;*/
}
#popup {
  padding-bottom: 30px;
  max-width: 510px;
  min-width: 200px;
  width: 26vw;
  position: absolute;
  z-index:99;
  display: none;
  background: #fff;
  border: 3px #000 solid;
  border-radius: 0.5vw;
  left: 16vw;
  top: 100px;
}
#popup-us-cellar {
  padding-bottom: 30px;
  max-width: 510px;
  min-width: 200px;
  width: 26vw;
  position: absolute;
  z-index:99;
  display: none;
  background: #fff;
  border: 3px #000 solid;
  border-radius: 0.5vw;
  left: 34vw;
  bottom: 22vw;
  padding: 13px 21px 19px 21px;
  box-shadow: rgb(0 0 0 / 30%) 3px 3px 19px 1px;
}
#popup-iron-cellar {
  padding-bottom: 30px;
  max-width: 510px;
  min-width: 200px;
  width: 26vw;
  position: absolute;
  z-index:99;
  display: none;
  background: #fff;
  border: 3px #000 solid;
  border-radius: 0.5vw;
  left: 34vw;
  bottom: 1vw;
  padding: 13px 21px 19px 21px;
  box-shadow: rgb(0 0 0 / 30%) 3px 3px 19px 1px;
}
#box:hover + #popup {
    display: block;
}
div.us-cellar-container:hover > div#popup-us-cellar {
    display: block;
}
div.iron-wine-container:hover > div#popup-iron-cellar {
    display: block;
}
.header-text{
	text-align: center;
	background: #00adef;
	padding-bottom:10px;
}
.header-text h3{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	margin-left: 0;
	padding-left: 0;
}
.header-text h3.upper-header{
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	font-weight:bold;
}
.header-text h3.lower-header{
	font-size: 0.99vw;
	color: #000;
	font-weight:bold;
}
a.design-link {
    margin-top: 10px;
    display: block;
    color: #660808;
}
a.design-link:hover {
    color:#fbe900;
}
.content-popup{
	padding-top: 0.5vw;
}
.content-popup-left{
	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
}
.content-popup-right{
	display: inline-block;
	width: 70%;
	vertical-align: top;
}
.content-popup-right ul li{
	color: #000;
	list-style: none;
	margin-bottom: 0.2vw;
}
.content-popup-right ul{
	margin: 0;
}
.content-popup-right ul li a{
	color: #00a8e8;
	font-size: 0.64vw;
}
.content-popup-right ul li a:hover{
	color: #000;
}
.copyright-popup{
	text-align: center;
	font-size: 16px;
	color: #000;
	padding-top: 1.5vw;
}
.entry-meta .entry-date{
	display: none;
}
header.entry-header{
	background: none !important;
}
@media (max-width:1400px) {
  #popup {
    position: absolute;
    left: 16vw;
    top: 100px;
  }
}
@media (max-width:1340px) {
    #popup-us-cellar .content-popup-right ul li a, #popup-us-cellar .content-popup-right ul li span {
        font-size: 13px !important;
    }
    #popup-iron-cellar .content-popup-right ul li a, #popup-iron-cellar .content-popup-right ul li span {
        font-size: 13px !important;
    }
    #popup-us-cellar {
      padding-bottom: 30px;
      max-width: 510px;
      min-width: 200px;
      width: 26vw;
      position: absolute;
      z-index:99;
      display: none;
      background: #fff;
      border: 3px #000 solid;
      border-radius: 0.5vw;
      left: 34vw;
      bottom: 32vw;
      padding: 13px 21px 19px 21px;
      box-shadow: rgb(0 0 0 / 30%) 3px 3px 19px 1px;
    }
    #popup-iron-cellar {
      padding-bottom: 30px;
      max-width: 510px;
      min-width: 200px;
      width: 26vw;
      position: absolute;
      z-index:99;
      display: none;
      background: #fff;
      border: 3px #000 solid;
      border-radius: 0.5vw;
      left: 34vw;
      bottom: 1vw;
      padding: 13px 21px 19px 21px;
      box-shadow: rgb(0 0 0 / 30%) 3px 3px 19px 1px;
    }
}
@media (max-width:1260px) {
  #popup {
    position: absolute;
    left: 14vw;
    top: 100px;
  }
}
@media (max-width:1220px) {
  #popup {
    position: absolute;
    left: 14vw;
    top: 100px;
  }
}
@media (max-width:1120px) {
  #popup {
    position: absolute;
    left: 12vw;
    top: 100px;
  }
}
@media (max-width:981px) {
div.sidebar-4-black > div > span.txt-white-cta {
 font-size: 2vw !important;
} 
}
@media (max-width:482px) {
span.txt-white-cta-big {
 font-size: 18vw !important;
}
div.sidebar-4-black > div > span.txt-white-cta {
 font-size: 5vw !important;
} 
div.sidebar-4-black > div > a.red-btn-sidebar {
 width: 192px !important;
 font-size: 19px !important;
} 
}
.sharethis-inline-share-buttons{
  position:relative;
  bottom:36px;
  left:7px;
}
.st-btn{
 display:inline-block !important;
}
.fbx-stage .sharethis-inline-share-buttons{
 z-index:999999 !important;
 top:20px;
}
.new-division .new-division1{
	background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Boa-Steakhouse-Austin-TX.JPG') no-repeat #000;
	
}
.new-division .new-division2{
	background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Red-Ash-Italia-Restaurant---Austin.jpg') no-repeat #000;
}
.new-division .new-division3{
	background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/The-Guest-House-Restaurant-Austin.jpg') no-repeat #000;
}
.new-division .new-division4{
	background: url('https://www.customwinecellarsaustin.com/wp-content/themes/custom-theme/images/Asian-Fusion-Austin-TX.jpg') no-repeat #000;
}
.new-division h2,.new-division h3{
	text-align: center;
}
.new-division h3{
	margin-top: 0;
}
.new-division h2{
	font-weight: bold;
	margin-bottom: 0;
}
.new-division .col-3 .button-border,.new-division .col-4 .button-border,.new-division .col-5 .button-border{
	padding: 3% 10%;
	border: 2px solid #fff !important;
}
.new-division .col-3 .content p.number,.new-division .col-4 .content p.number,.new-division .col-5 .content p.number{
	font-size: 1.3rem;
}
.new-division .col-3 .content p.number a:hover,.new-division .col-4 .content p.number a:hover,.new-division .col-5 .content p.number a:hover{
	color: #106dd5 !important;
}
.new-division .button-border a.link-color{
	color: #fff !important;
}
@media (max-width:480px) {
   div.youtube-container {
     width: 100%;margin: auto;display: table !important;position: relative;top: 4px;
   }
  .tablet-only {
    display: none !important;
  }
  .sidebar-4-black {
    display: block;
  }
}
/* END OF POP UP CSS */



/* Sidebar Wine Cellar Project Features with Images */

.sidebar-with-images .menu li {
    display: flex; 
    gap: 12px;
 }
 
 .sidebar-with-images .menu li span {
    min-width: 50px;
    max-width: 50px;
 }
 .comodo-custom {
    text-align: center;
    z-index: 9999;
    position: absolute;
    left: -10vw;
    bottom: 8px;
 }
.comodo-img img {
    width: 6.3vw;
}
 @media screen and (max-width: 1304px) {
     .comodo-img img {
        width: 5.3vw;
    }
}
 @media screen and (max-width: 1024px) {
     section.page-section center {
         margin-top: 20px;
     }
    section.page-section h2 {
        font-size: 2.6vw;
        color: #116dd5;
    }
    section.page-section h3 {
        font-size: 2.4vw;
        color: #116dd5;   
    }
     #box {
         width: 100%;
         margin: auto;
         display: block;
         right: auto;
     }
     .comodo-img img {
        width: 5.3vw;
    }
 } 
 @media (max-width:1025px)  and (min-width: 771px) {
    .footer-contact-white {
        font-size: 1.1vw;
    }
    section.page-section span {
        font-size: 1.4vw;
        font-family: "Montserrat";
    }
    .footer-nav li a {
        font-size: 1.3vw !important;
    }
    .col.span_5_of_12.top-contact div div a picture img {
        position: relative;
        bottom: -1px;
        left: -5px;
    }
    figure#attachment_610 {
        max-width: 320px !important;
        clear: both !important; 
        float: none !important;
        margin: 0 auto !important;
    }
    .hs-richtext p {
        font-size: 18px !important;
    }
    .hs-form-field label span {
        font-size: 20px !important;
        margin-bottom: 6px !important;
        display: inline-block;
    }
    .main-col-1 {
            width: 30%;
    }
    .main-col-2 {
        width: 70%;
        position: relative;
        left: .8%;
    }
    .col-4 .content p.number {
        font-size: 1.5vw;
        font-weight: 700;
    }
    .col-6 .content {
        position: absolute;
        top: 40%;
        width: 95%;
        margin: auto;
        left: 2%;
    }
}
@media (max-width:770px)  and (min-width: 701px) {
    h1.uppercase.page-title {
        font-size: 5vw !important;
        text-transform: uppercase !important;
        position: relative;
        top: 11px;
    }
    ul.post-categories li a {
        font-size: 3.1vw;
        position: relative;
        bottom: 11px;
    }
    .col.span_9_of_12.blog-text h1 {
        font-size: 3.5vw !important;
        text-align: center;
    }
    .col.span_12_of_12.blog-container p {
        font-size: 3.2vw;
    }
    .col.span_3_of_12.blog-img img {
        width: 280px;
        height: 380px;
        object-fit: cover;
        margin: 0 auto !important;
        float: none;
        display: block;
        margin-bottom: 10px !important;
    }
    .col.span_3_of_12.blog-img {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .col.span_3_of_12.blog-img img {
        width: 300px;
        height: 400px;
        object-fit: cover;
    }
    .col.span_9_of_12.blog-text {
        width: 100% !important;
    }
    a.blog-button {
        float: none !important;
        font-size: 3.5vw !important;
        width: 300px !important;
        padding: 20px !important;
        margin: 0 auto !important;
        margin-top: 40px !important;
    }
}
 @media screen and (max-width: 768px) {
     section.page-section center {
        font-size:17px;
     }

     .col.span_5_of_12.sidebar-768 {
        width: 100% !important;
    }
     .call-us-container {
         background: #0069e5 !important;
     }
 
     .top-nav-holder-768 .tablet-header {
         background: #0069e5 !important;
     }
 
     .main-col-2 {
         background: #fff;
     }
 
    
 }
 @media (max-width:700px) {
    ul#menu-sidebar-3 li {
        float: none !important;
        margin-left: 0px !important;
        font-size: 4vw;
        clear: both !important;
    }
}

@media (min-width:2500px) {
	.col-3 .content .button-border{
		width: 90%;
	}
	.col-4 .content p.number {
		font-size: 2.3rem;
	}
	.col-5 .content p.number {
		font-size: 2.3rem;
	}
	.col-2 .content .button{
		font-size: 1.3vw;
	}
	.col-4 .content .button-border{
		width: 90%;
	}
	.col-6{
		padding-bottom: 114.4%;
	}
	.col-7{
		padding-bottom: 160.24%;
	}	
	.col-10, .col-8, .col-9{
		padding-bottom: 60%;
	}
	.col-3 .content p{
		font-size: 1.3rem;
	}
	.col-1 .content h3,.col-2 .content h3{
		font-size: 2.2rem;
	}
	.col-3 .content .button-border a{
		font-size: 2.2rem !important;
	}
}