/*!
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: 'Gotham';
  src: url('fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Gotham-Black';
  src: url('fonts/Gotham-Black.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.inter-400 {font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight: 400;
  font-style: normal;font-variation-settings:"slnt" 0;}
.font-gotham{font-family: 'Gotham' !important;} .gotham-black{font-family: 'Gotham-Black' !important;}

body{font-family: "Inter", sans-serif;} 
h1,h2,h3,h4,h5,h6{font-family: 'Gotham-Black';}
strong{font-weight: normal !important}
a{color: #c7a340}
.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{}
.btn.btn-default:hover{background: #DA3432;color: #fff}

.black-bg{background: #333132 !important} .btn.black-bg:hover{background: #DA3432 !important} .green-bg{background: #00AD4E !important} .btn.green-bg:hover{background: #DA3432 !important} .red-bg{background: #DA3432 !important} .btn.red-bg:hover{background: #DFB406 !important} .yellow-bg {background: #DFB406 !important} .btn.yellow-bg:hover{background: #00AD4E !important}
.yellow-text{color: #DFB406;} .green-text{color: #00AD4E !important}  .red-text{color: #DA3432}
/************************************************************
N A V I G A T I O N    C S S   S T Y L I N G
************************************************************/
.fixed-bottom.navbar-dark{background: #000;padding:0; z-index: 99999}
.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;padding-bottom: 0;}
.navbar.navbar-expand-md a, #footer .footer-nav a{font-size: 1.175rem;color: #fff;font-family: 'Gotham';}
.navbar.navbar-expand-md li, #footer .footer-nav li{padding: 0 0.4rem}
.navbar.navbar-expand-md a.active, #footer .footer-nav a.active{color: #fff !important}
.navbar.navbar-expand-md a:hover, #footer .footer-nav a:hover{color: #DA3432 !important}
.header-container {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;}
.logo, .mobile-logo {flex-shrink: 0;width: 160px;height: auto;}
.navbar {flex-grow: 1;justify-content: center;}
.order-button {flex-shrink: 0;}

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

.control-img{background: none !important;opacity: 1 !important;width: 80px !important;}
.control-img img{width: 60px;height: auto}

#section3{background: url(img/section3-bg.jpg); background-size: cover;border-top: 10px solid #DA3432;border-bottom: 10px solid #DA3432}

#section4:before{content:""; background:url(img/egg-salad.png); position:absolute;background-size: 350px;width: 350px;height: 350px;top: 10%;}
#section4:after{content:""; background:url(img/peach-and-feta-salad.png); position:absolute;background-size: 350px;width: 350px;height: 350px;right: 0;top: 10%;}
#section4 .icon-ul {display: inline-block;text-align: left;margin: 0 auto;list-style:none}
#section4 .icon-ul li{position:relative; padding-left:2rem}
#section4 .icon-ul li:before{content:""; position:absolute; background:url(img/Tomato-full.png);background-size: 20px;width: 20px;height: 20px;left: 5px;top: 6px;}

#section5 .bg{background: url(img/section5-bg.jpg); background-size:cover}
/************************************************************
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;}
.entry-content p{font-size: 1.175rem;line-height: 1.5;}

.border-title{background: url(img/Carrot.png);
    background-size: 45px;background-repeat: repeat-x;background-position: center bottom;padding-bottom: 1.5rem;margin: 0;}

/************************************************************
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 a{color: #c7a340}
.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{}
#footer .f-middle .widget-title{background:url(img/Carrot.png);background-size: 46px;background-repeat: repeat-x;display: inline-block;
    background-position: center bottom;padding-bottom: 1.5rem;margin: 0;}

#footer .download img{width: 150px; height: auto}
#footer .footer-nav{background: none !important}
#footer .footer-nav a{}

#copyright{background: #ccc;padding: 0.5rem 0;}
#copyright p{color: #000;margin-bottom: 0}

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

@media (max-width: 940px) {
	#section4:before{background-size:200px; width: 200px; height:200px}
	#section4:after{background-size:200px; width: 200px; height:200px}
}

@media(min-width: 768px){
	.offcanvas.offcanvas-bottom, .single-attorney-profiles .att-heading.mobile, .hide-desktop{display: none !important}
	.navbar-expand-md .navbar-nav{width: 100%;text-align: center;display: inline-block;}
	.navbar-expand-md .navbar-nav li{display: inline-block;}
	#section4 .show-on-mobile{display:none}
	#footer .download{margin: 0 10%}
}

@media(max-width:768px){
  #header .col-sm-2{width: 100%; text-align: center}
  #footer{display: none}
	.navbar.navbar-expand-md{padding-top:0}
	#section4:before{display:none !important}
	#section4:after{display:none !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}
}