/*
Theme Name: Bryer Law Theme
Theme URI: https://www.lionhouse.com/
Author: Laura Telfer - Lionhouse
Author URI: https://www.lionhouse.com/
Description: Custom theme for Bryer Law

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**general**/
body{
	background-color: #a8b8b4;
    color: #fff;
    font-size: 15px;
}
.container{
	width: 100%;
	max-width: 1160px;
    margin: 0 auto;
    position: relative;
}
img{
    max-width: 100%;
    height: auto;
}
p, a, body{
	font-family: GillSansMTStd-Book !important;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
}
strong{
    font-family: GillSansMTPro-Medium !important;
    font-weight: normal;
}
p{
	line-height: 1.6em;
    margin: 0 0 1em;
}
body a, body a:visited{
	color: #fff;
}
a:link{
	text-decoration: underline;
}
a:visited{
	text-decoration: none;
}
body a:hover{
	color: #595a5a;
}
body .main-nav a, body .main-nav a:visited{
	color: #595959;
}
body .main-nav .active-link>a, body .main-nav .active-link>a:visited {
    color: #fff;
}
hr{
	border: none;
    color: #bbb;
    background-color: #fff;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-family: GillSansMTStd-Book !important;
    font-weight: normal;
    font-style: normal;
    margin: 1em 0;
}
body h1, body h2, body h3, body h4, body .comment-count {
    color: #595a5a;
}
h3{
    letter-spacing: 5px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 15px;
    margin:0;
}
body h1 a, body h2 a, body h3 a, body h4 a, body .comment-count a, body h1 a:visited, body h2 a:visited, body h3 a:visited, body h4 a:visited, body .comment-count a:visited {
    color: #595a5a;
}

/**header**/
header{
	padding: 30px 15px 0 15px;
}
#logo{padding-right: 0;}
#topNav{padding-left: 0;}
#logo .logo{
	line-height: 1em;
    margin: 0;
    display: block;
    height: 160px;
}
#logo .logo img{
	max-height: 100%;
    max-width: 100%;
}
#topNav nav ul, #topNav nav li{ margin: 0; padding-left: 0; padding-right: 0; }
#topNav nav li+li{
	margin-left: 35px;
}
#topNav nav li a{
	padding: 66px 0;
}
#topNav nav li a, .oo-btn{
	line-height: 28px;
    display: inline-block;
}
#headerWrapper nav, #headerWrapper nav a, #mobileNav nav a, .oo-btn{
	text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

/**mob menu**/
#mobileMenuLink {
    margin: 0;
    display: block;
    font-family: "Arial","Helvetica","sans-serif";
    text-transform: none;
    letter-spacing: 0px;
    font-weight: normal;
    font-style: normal;
    padding: 15px;
    background-color: #a0b1ad;
    text-align: center;
}
#mobileMenuLink a {
    cursor: pointer;
    display: block;
    margin: 0;
    font-size: 14px !important;
    text-transform: uppercase;
    color: #111;
}
#mobileNav {
    height: 0;
    overflow: hidden;
}
#mobileNav.menu-open {
    height: auto;
}
#mobileNav .wrapper {
    padding: 1.5em 0;
}
#mobileNav nav ul{margin: 0;}
#mobileNav a {
    font-size: 16px !important;
    line-height: 1.2em !important;
    padding: .7em;
    display: block;
}

@media (max-width: 767px){
	#logo{ text-align: center; }
	header{ padding-left: 5px; padding-right: 5px; }
}

/**page**/
#page{
	padding: 75px 15px;
    position: relative;
}
.sqs-block-content{
	padding-bottom: 15px;
	padding-top: 15px;
}
.sqs-block-content.first{
	padding-top: 0;
}

@media (max-width: 767px){
	#page{ padding: 55px 5px 30px 5px; }
}

/**map**/
.acf-map {
    width: 100%;
    height: 400px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/**footer**/
footer{
	padding: 30px 15px;
}
.social-links a, .social-links a:visited{
	display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 10px 0;
    color: #fff;
    text-decoration: none !important;
}
.social-links a .fab{
	color: inherit;
	font-size: 15px;
}

@media (max-width: 767px){
	footer{ padding-left: 5px; padding-right: 5px; }
	#footerBlocks-1{ padding-top: 15px; padding-bottom: 15px; }
	#footerBlocks-1, #footerBlocks-2{ text-align: center !important; }
}

/**cookies**/
.optoutNotice{
    background:rgba(255,255,255,0.85);
    text-align: right;
    color: #595959;
    font-size: 13px;
}
.optoutNotice p{
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.optoutNoticeContent{
    max-width: 900px;
    margin: 0 auto;
}
.optoutNoticeContent a, .optoutNoticeContent a:visited{
    color: #595a5a;
}
.oo-btn{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform:uppercase; 
    font-size:10px;
    line-height: 18px; 
    letter-spacing:1.6px;
}
.oo-btn.optin,.oo-btn.optout{
    font-family: GillSansMTPro-Medium !important;
    text-decoration: none;
    color: #a8b8b4;
    background-color: transparent;
    border-color: #a8b8b4;
}
.oo-btn.optin:hover,.oo-btn.optout:hover{
    text-decoration: none;
    color: #fff;
    background-color: #a8b8b4;
    border-color: #a8b8b4;
}

@media (max-width: 991px) {
     .optoutNotice{
        text-align: center;
     }
}