/*!
Theme Name: Andrews & Associates
Theme URI: https://www.andrewsama.com/
Author: Andrews & Associates
Author URI: https://www.andrewsama.com/
Description: ~Andrews & Associates
Version: 3.5.1 
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: https://www.andrewsama.com/
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

@font-face {
  font-family: 'DINCondensed-Bold';
  src: url('fonts/DINCondensed-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINCondensed-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DINCondensed-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DINCondensed-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DINCondensed-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Fieldwork-Geo-Light';
  src: url('fonts/Fieldwork-Geo-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Fieldwork-Geo-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Fieldwork-Geo-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Fieldwork-Geo-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Fieldwork-Geo-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Fieldwork-Geo-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MightySlabW01-One';
  src: url('fonts/MightySlabW01-One.eot'); /* IE9 Compat Modes */
  src: url('fonts/MightySlabW01-One.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/MightySlabW01-One.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/MightySlabW01-One.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/MightySlabW01-One.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/MightySlabW01-One.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body{font-family: 'Fieldwork-Geo-Light';} 
h1,h2,h3,h4,h5,h6{font-family: 'DINCondensed-Bold';}
a{color: #ef4658;text-decoration: none}
.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 {max-width: 96%;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: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.bypostauthor {font-weight: bold;}
.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. */}
.btn.btn-default{transition: all 0.3s ease;background: #ef4658 !important;border: 1px solid #000;}
.btn.btn-default:hover{background: #991a36 !important;color: #fff !important}
.pink-a-bg{background-color: #ef4658 !important} .pink-b-bg{background-color: #dd2d53 !important} .pink-c-bg{background-color: #991a36 !important}
.pink-a{color: #ef4658} .pink-b{color: #dd2d53} .pink-c{color: #991a36}
.blue-a-bg{background-color: #6dc7b8 !important} .blue-b-bg{background-color: #00e5da !important} .blue-c-bg{background-color: #006666 !important}
.blue-a{color: #6dc7b8} .blue-b{color: #00e5da} .blue-c{color: #006666}


/************************************************************
N A V I G A T I O N    C S S   S T Y L I N G
************************************************************/
#header{border-bottom: 3px solid #ef4658 !important;}
.fixed-bottom.navbar-dark{background: #000;padding:0; z-index: 99999}
.navbar-nav.main-menus a{font-family: 'DINCondensed-Bold' !important;font-size: 1.276rem;color: #000;
text-transform: uppercase;transition:all 0.3s ease}
.navbar-nav.main-menus a:hover{color:#ef4658}
.navbar-expand-lg{background: none !important}
.navbar-toggler.x1{width: 19%;display: inline-block;text-align: center;height: 45px; vertical-align: middle;border:0;position: relative;}
.navbar-toggler.link{padding-top:0.6rem}
.navbar-toggler.x1:active, .navbar-toggler.x1:hover, .navbar-toggler.x1:focus{box-shadow: none;border: none;}
.navbar-toggler.x1:after{content:""; position: absolute;background: #fff;height: 45px;width: 1px;right:0;top: 1px}
.navbar-toggler.x1:last-child:after{display:none}
.navbar-toggler.x1 .svg-inline--fa{font-size: 1.375em;}
#header .offcanvas-bottom{height: 58px;background: #fff;z-index: 9999;bottom: 45px}
#header .offcanvas-bottom .offcanvas-body{text-align: center;overflow: hidden;}
#header .offcanvas-bottom .offcanvas-body .svg-inline--fa{font-size: 1.5em;padding: 0 0.175em;color: #333;}
.navbar.navbar-expand-md{background: transparent;}
.dropdown-item.active, .dropdown-item:active{background-color: #ef4658 !important;color: #fff !important}

.heading-slide div{font-family: 'DINCondensed-Bold' !important;}
.heading-sec .icon{font-size:16px !important}
.n2-ss-item{position:relative !important;}
.heading-sec .n2-ss-item-content::before {content: "✔";background: #006666;position: absolute;width: 40px;height: 42px;
 color: white;font-size: 1.3rem;font-weight: 900;border: none;display: flex;align-items: center;justify-content: center;
 top:0;}
.heading-sec p{width: fit-content !important;display: inline;padding-right: 15px !important;
 font-family: 'Fieldwork-Geo-Light' !important;}
.slide-button .nfa-check{background: #066;color: #fff;padding: 0.5rem;font-size: 1.5rem !important;}
.slide-button div{font-family: 'Fieldwork-Geo-Light' !important;}

/************************************************************
S E C T I O N   1   C S S   S T Y L I N G
************************************************************/
#section1{background: url(img/red-bg.jpg); background-size: cover}

#testimonial{background: url(img/parallax-bg.jpg); background-size: cover;position: relative;}
#testimonial p{margin-bottom: 0 !important}
.testimonial-content {text-align: center;padding: 20px;color: white;}
.carousel-item {display: flex;align-items: center;justify-content: center;min-height: 300px;}
.testimonial-content {flex: 1;display: flex;flex-direction: column;justify-content: center;min-height: 300px;}
.star-rating {display: inline-block;margin-top: 10px;}
.star-rating .fa-star, .star-rating .fa-star-half-alt {color: #ffc107;}
.testimonial-image img { width:30px;}
.testimonial-content {position: relative;padding: 20px;}
#testimonialCarousel::before {content: "";position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1;}
.testimonial-content > * { position: relative;z-index: 2;}
#testimonial button{z-index: 999}

/************************************************************
I N N E R   P A G E S   C S S   S T Y L I N G
************************************************************/
#page-content p{font-size: 1.175rem;line-height: 1.5;}
#page-content{background: url(img/red-bg.jpg); background-attachment: fixed !important;background-repeat: repeat;background-size: contain;}
.entry-content p{font-size: 1.175rem;line-height: 1.5;}
.page-title{position: relative;}
.page-title:after{content: "";width: 30px;height: 5px;background: #fff;position: absolute;left: 0;bottom: -8px;}

.btn-close{position: absolute;right: -25px;top: -20px;background-color: #fff !important;display: block;opacity: 1 !important;
  padding: 0.6rem !important;border-radius: 100% !important;}
.gallery-image img {transition: transform 0.3s ease;}
.gallery-image:hover img {transform: scale(1.1);}



/***********************************************************
POP UP   C S S   S T Y L I N G
************************************************************/
#welcomePopup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 9999;}
.popup-content{background-color: #fff;padding: 20px;border-radius: 10px;text-align: center;position: relative;width: 350px;}
.close-btn{position: absolute;top: -10px;right: -10px;cursor: pointer;font-size: 20px;background: #ef4658;color: #Fff;width: 30px;height: 30px;border-radius: 100%;line-height: 23px;}

/************************************************************
B L O G     C S S   S T Y L I N G
************************************************************/
.blog #slider-sec h1, .entry-title.inner{color: #fff;font-size: 5rem;margin: 0;line-height: 1;}
.blog .card-body .btn{color: #000 !important}
.blog .card-body .badge{}

/************************************************************
S I D E B A R    P A G E S   C S S   S T Y L I N G
************************************************************/
#sidebar .menu{padding: 0;border: 2px solid #ccc;text-align: center;list-style: none;}
#sidebar .menu li a{color: #c7a340;font-size: 1.7rem;display: block;text-decoration: underline;padding-bottom: 0.7rem;}
#sidebar .menu li:first-child a{background: #f0f0f0;}

/************************************************************
F O O T E R    C S S   S T Y L I N G
************************************************************/
#footer{background: #555555}
#footer .textwidget{color: #fff}
#footer .social-button, .sidebar .social-button{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
#footer img{width: 220px;}

.footer-menu li{position: relative;margin-right: 1.5rem}
.footer-menu li:after{content:"";background: #fff;height: 15px;width: 2px;display: block;position: absolute;right: -14px;top: 7px;}
.footer-menu li:last-child:after{display: none}

@media (max-width: 1210px) {
  .container, .container-md, .container-sm{max-width: 100% !important}
}

@media(min-width:1020px){
  .navbar-nav.main-menus a{padding-left: 1rem !important}
}

@media(min-width:992px){
  .dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
  #header{padding-top: 1rem !important;padding-bottom: 1rem}
}

@media(max-width:992px){
  #header .col-sm-2{width: 100%; text-align: center}
  #header{padding-bottom: 0 !important;padding-top: 0.7rem;}
  #header .logo img, .offcanvas-header img{width: 140px}
}

@media(min-width: 768px){
    .offcanvas.offcanvas-bottom, .single-attorney-profiles .att-heading.mobile, .hide-desktop{display: none !important}
}
  
@media(max-width:768px){
  #footer, .n2-section-smartslider{display: none}
  #footer-menu-items{display: inline-flex;}
  .navbar.navbar-expand-md{padding-top:0}
  .gallery-image img{width: 100% !important;height: auto !important}
  #copyright{margin-bottom:2.9rem}
  #sidebar{margin-top:0 !important;text-align:center}
}
@media(max-width:528px){
  .alignright{float: inherit;display:block; margin: 0 auto}
    #copyright p{font-size:0.9rem}
}