/*!
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: 'ITC Kabel Std Book';
	src: url(https://brown.ucidev.com/wp-content/uploads/2024/07/ITCKabelStdBook.ttf);
}


body{font-family: "ITC Kabel Std Book", sans-serif;} 
h1,h2,h3,h4,h5,h6{font-family: "ITC Kabel Std Book", sans-serif;}
strong{color: #4A3417}
a{color: #c7a340}
.lato-font{font-family: "ITC Kabel Std Book", sans-serif; !important;}
.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{border:2px solid #638A9F !important;background: transparent; transition: all 0.3s ease}
.btn.btn-default:hover{background: #638A9F;color: #fff !important; border-color: #fff !important}
.text-brown{color: #4A3417 !important} .background-brown{background: #4A3417}
.text-blue{color: #638A9F !important} .background-blue{background: #638A9F}
.fw-800{font-weight: 800}
#header .img-fluid {max-width: 285px;}
/************************************************************
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{background: #000}
#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;padding-top: 1.2rem;}
.offcanvas-header img{max-width: 300px;height: auto}
.navbar-nav .dropdown-menu{padding: 0.5rem;}
.navbar-nav.main-menus li a{padding: 0 0 0.5rem;font-size: 1.25rem;color: #000;}

.custom-carousel-item {height: 100vh;position: relative;}
.custom-carousel-item img {height: 100%;width: auto;object-fit: cover;}
.read-more-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;
background: #4A3417 !important;color: #fff !important;border-color: #4A3417 !important}


/************************************************************
S E C T I O N  C S S   S T Y L I N G
************************************************************/
#section2 h4{font-size: 1rem}
.blueprint img{width: 200px; height: auto}
.blueprint .btn{background: #4A3417;color: #fff !important;border:0 !important}

/************************************************************
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;}
.google-map iframe{width: 100%;height: 400px;border: 0}
.contact-detail{background: #7e7363}
.contact-detail p{line-height: 1.2 !important;font-size: 1.1rem !important;}
#acf-map {width: 100%;height: 500px;}

/************************************************************
B L O G     C S S   S T Y L I N G
************************************************************/
.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{background: #638A9F !important}
#footer ul{list-style: none; padding: 0}
#footer li a{font-size: 1.25rem;color: #000; transition: all 0.3 ease}
#footer .menu-item a[aria-current="page"], #footer .menu a:hover{color: #4A3417 !important}
#footer .contact-info svg{width: 22px;}
#footer .btn{border-color: #4A3417 !important}
#footer p{line-height: 1.1;}
#footer .btn:hover{background: #4A3417 !important}
#footer .wp-image-70{max-width: 100%;height: auto;width: 175px;display: block;margin: 1rem auto 0;}

@media (max-width: 1920px) {
  .container, .container-md, .container-sm{max-width: 1710px !important;}
}

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

@media(min-width:1020px){
	.home #header{background: transparent !important;position: absolute;z-index: 99;width: 100%;}
	.navbar-toggler{border:0 !important}
	.navbar.float-end{background: none !important}
	.navbar-toggler:focus{box-shadow: none !important; -webkit-box-shadow: none !important;}
	#contact-icon{margin-top: -5rem}
	.navbar .navbar-toggler{position: relative;top: 10px}
}

@media(max-width:1020px){
	#header .col-sm-3{width: 100%; text-align: center}
	.navbar.navbar-expand-md{padding-top:0}
	#header .img-fluid{padding-top: 1rem}
	.navbar .navbar-toggler .fa-bars{top: 3px;position: relative;}
}

@media(min-width: 768px){
	.offcanvas.offcanvas-bottom, .single-attorney-profiles .att-heading.mobile, .hide-desktop{display: none !important}
	#footer .wp-image-205{width: 350px;}
}

@media(max-width:768px){
  #footer{display: none}
	#copyright{margin-bottom:2.9rem}
	#sidebar{margin-top:0 !important;text-align:center}
}
@media(max-width:528px){
  .custom-carousel-item {height: 50vh;}
  .alignright{float: inherit;display:block; margin: 0 auto}
	#copyright p{font-size:0.9rem}
}


