/*
Theme Name: Custom Grosboll Becker Tice & Barr Theme
Description: Custom Theme exclusive to Grosboll Becker Tice & Barr
Version: 1.0.0
--------------------------------------------------------------*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body { font-family: 'Source Sans Pro', sans-serif;font-size: 18px;}
a{text-decoration: none;}

.min-width{max-width: 1200px;margin:auto}

.social-media-phone{color: #fff; background: #440e02;background: -moz-linear-gradient(top,  #440e02 0%, #4d0f02 100%);background: -webkit-linear-gradient(top,  #440e02 0%,#4d0f02 100%);background: linear-gradient(to bottom,  #440e02 0%,#4d0f02 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#440e02', endColorstr='#4d0f02',GradientType=0 );}

.social-media{float:left;font-size: 14px;}
.social-media span{float:left;line-height: 43px; margin-right: 10px;}
.social-media ul{list-style: none;margin:5px 0 0;float:left;padding:0}
.social-media ul li{display: inline-block; margin-right: 10px;}
.social-media ul li a{display:block;width: 32px;height:32px;background: url(images/icons.png) 0 0;}
.social-media ul li a.rs{background-position: -46px 0 }
.social-media ul li a.pt{background-position: -92px 0 }
.social-media ul li a.gp{background-position: -139px 0}
.social-media ul li a.fb{background-position: -185px 0 }
.social-media ul li a.tw{background-position: -232px 0 }
header .phone{float: right;}
header .phone span{font-size: 14px; line-height: 43px; float: left;margin-right: 10px;}
header .phone a{display: inline-block; position: relative;font-size: 1.889em;color: #fff;font-weight: 700;padding-left: 35px; margin-top: 2px}
header .phone a:before{content:'';width: 29px;height: 30px;background: url(images/icons.png) -276px -2px;position: absolute; left:0;top:0;bottom:0;margin:auto}
.company-name{
background: #861b03; 
background: -moz-linear-gradient(top,  #861b03 1%, #6b1602 100%);
background: -webkit-linear-gradient(top,  #861b03 1%,#6b1602 100%);
background: linear-gradient(to bottom,  #861b03 1%,#6b1602 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#861b03', endColorstr='#6b1602',GradientType=0 );
}
.company-name > div.min-width{padding-top: 15px; padding-bottom: 15px;}
.company-name img{max-width: 100%;height: auto}
.main-navigation, .footer-navigation{
background: #2d312b;
background: -moz-linear-gradient(top,  #2d312b 1%, #181c17 100%);
background: -webkit-linear-gradient(top,  #2d312b 1%,#181c17 100%);
background: linear-gradient(to bottom,  #2d312b 1%,#181c17 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d312b', endColorstr='#181c17',GradientType=0 );
border-top:1px solid #000;border-left:1px solid #000; border-right: 1px solid;
padding-top:4px;padding-bottom: 4px;
}
.main-menu ul, .footer-menu ul{list-style: none;margin: 0;padding: 0;display:table;width: 100%;}
.main-menu ul li, .footer-menu ul li{display: table-cell;border-left: 1px solid #181C17;text-align: center}
.main-menu ul li:last-child, .footer-menu ul li:last-child{border-right: 1px solid #181C17}
.main-menu ul li a, .footer-menu ul li a{display: inline-block;color: #fff;text-align: center;line-height: 52px; letter-spacing: 4px;padding: 0 10px;position: relative; text-transform: uppercase;}
.main-menu ul li a:after, .footer-menu ul li a:after{content:''; border-bottom: 3px solid #F8B903;position: absolute; bottom: 0; left: 0; right: 0;margin: auto;transition: all 0.2s linear;opacity: 0; bottom: -7px;}
.main-menu ul li a:hover:after, .footer-menu ul li a:hover:after{opacity: 1;bottom: -3px;}

.main-banner-container, .banner-container{margin: auto;  background: url(https://www.ticebarr.com/wp-content/uploads/2016/12/banner.jpg) no-repeat center top/ cover; position: relative}
.banner{min-height: 720px; position: relative; overflow: hidden}
.banner .banner-label{position: absolute;bottom: 84px;left:0;right:0;margin:auto;text-align: center}
.banner h2, .specialization h2{font-size: 3.3em;font-weight: 400;color: #F8B903;font-family: 'Playfair Display', serif;text-align: center; overflow: hidden}
.banner h2 span, .specialization h2 span{display: inline-block;position: relative;}
.banner h2 span:before, .specialization h2 span:before,
.banner h2 span:after, .specialization h2 span:after {content: "";position: absolute;height: 0; border-top: 1px solid #fff;top: 37px;width: 100%;}
.banner h2 span:before, .specialization h2 span:before {right: 100%; margin-right: 30px;}
.banner h2 span:after, .specialization h2 span:after {left: 100%; margin-left: 30px;}
.service-btn{ margin: auto; font-size: 14px; padding: 20px 30px; color: #fff; display: inline-block;border-radius: 3px;
    background: #861b03;
    background: -moz-linear-gradient(top,  #861b03 0%, #6b1602 100%);
    background: -webkit-linear-gradient(top,  #861b03 0%,#6b1602 100%);
    background: linear-gradient(to bottom,  #861b03 0%,#6b1602 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#861b03', endColorstr='#6b1602',GradientType=0 );
}
.banner-container{background: url(images/sub-page-banner.jpg) no-repeat center top / cover;}
.banner-container .banner .banner-label{position: relative;bottom: auto;}
.banner-container .banner h2{text-align: left; color: #fff;font-size: 2.544em; margin: 0; padding-top: 20px;}
.banner h2 small{ display: block;font-size: 0.659em; text-transform: uppercase;}
.banner-container .banner{min-height: 144px;}
.banner-container .banner h2 span:after{top: 60px;}


.main-container{background: #ADADAD url(images/banner-shadow.png) center top no-repeat;}
.main{border-top: 5px solid #F8B903}
.home .content p{ line-height: 1.5em; }
.home article, .subpage article{padding-bottom: 30px;}
.subpage article.page .content p{ line-height: 1.8em; color: #000;}
.subpage article.page h1{margin-bottom: 20px;margin-top: 75px;}
.subpage .main{ border-bottom: 5px solid #F8B903;}
.subpage article.page > header, .subpage article.attorney > header{margin-bottom: 10px;}
.subpage article h3{ color: #701a03;font-size: 1.5em;font-weight: 400;margin-bottom: 3px;font-family: 'Playfair Display SC', serif;}
.subpage .contact-page{line-height: 80%; }


.our-lawyers{list-style: none; margin:0;padding: 0;}
.our-lawyers li{margin-bottom: 70px;}
.our-lawyers li h3{font-family: 'Playfair Display', serif;font-size: 2em; color:#841B03;margin-top:0; font-weight: 400;}
.our-lawyers .footer-link{text-align: left}
.our-lawyers .footer-link .cthru-link{margin-top: 32px;display: inline-block; padding: 15px 50px; text-transform: uppercase;}
.our-lawyers li .attachment-attorney-thumb{float:left; margin-right: 75px;}

h1{font-family: 'Playfair Display', serif; text-align: center; font-size: 2.667em;color: #841A02; font-weight: 400;}
header hr, .specializations-list li hr{width: 100px; height: 3px; background: #F8B903; border:none;margin: auto}
.subpage article header hr{margin-left: 0;}
.subpage h1{text-align: left;}
img.align-left, img.alignleft, .post-thumbnail{float:left; margin-right: 75px;}
article strong{color: #841A02}
.add-padd-top{margin-top: 50px;}
article footer{text-align: center}
.home article footer{margin-top: 50px; margin-bottom: 50px;}
.home article .content{padding-top: 40px;}
.cthru-link, .contact-form button{border:1px solid #90A4AE; border-radius: 3px;font-size: 14px;letter-spacing: 5px;padding: 25px;color: #2f2f2f;}
.footer-link{text-align: center; margin-top: 20px;}
.footer-link .cthru-link{ color: #841A02; }

.contact-form, .location-wrap{margin-top: 50px; max-width: 800px; margin: auto;}
.contact-form .form-element{width: 100%;display: block; line-height: 35px;padding-left: 10px; padding-right: 10px;color: #000;background: #cacaca;border: 1px solid #887338;border-left: 5px solid #887338;}
.contact-form textarea.form-element{height: 150px;}
.contact-form label{font-size: 1.2em; color: #841A02;display: block; margin-bottom: 7px;}
.contact-form button{padding: 15px;font-size: 15px;color: #6f1902;text-transform: uppercase;background: #cacaca;border: 1px solid #887338;border-left: 5px solid #887338;}
.contact-form > br{ display: none; }

.location-wrap{margin-top: 50px;}
.list{margin:0;}
.list.col1-of-2, .list.col2-of-2{float:left; }
.list.col1-of-2{margin-right: 50px;}


.specialization-container{background: url(images/service-bg.jpg) center top no-repeat;background-size: cover;}
.specialization{padding-top: 65px;padding-bottom: 50px; padding-bottom: 30px; color: #fff;border-bottom: 5px solid #F8B903}
.specialization h2{ color: #F8B802; font-size: 3em; font-weight: 400;margin-top: 0}
.specialization .content{padding-top: 30px;}
.specialization .content p{text-align: center}
.specializations-list{padding:0;list-style: none;margin: 0 0 30px;}
.specialization ul.padd-top{margin-top: 50px;}
.specializations-list li{float:left;margin-right: 3.333%; width: 22.5%;min-height: 316px; overflow: hidden; background: url(images/area-box-bg.png); border:1px solid #FB3309; text-align:center; border-radius: 5px; }
.specializations-list li:hover{background: url(images/area-box-bg-hover.png);border-color: #fff}
.specializations-list li > a{display: block; padding: 40px 20px 40px; }
.specializations-list li img{opacity: 0.75}
.specializations-list li:hover img{opacity: 1}
.specializations-list li hr{background: #964002;margin: 30px auto 20px;}
.specializations-list li strong{font-family: 'Playfair Display SC', serif; font-size: 1.333em;color: #F8B903;font-weight: 400; line-height: 1em; }
.specializations-list li:last-child{margin-right:0;}
.specialization .offer{margin-top: 50px;}
.specialization .offer strong{font-family: 'Playfair Display SC', serif;font-weight: 400; font-size: 1.667em;color: #F8B802;text-shadow: 1px 1px 10px #2f2f2f;letter-spacing: 4px;}
.specialization .footer-link{text-align: center; padding-top: 65px;padding-bottom: 30px;}
.specialization .cthru-link{color: #fff;}

/* if possible don't use font-size lesser than 1em */
.contact-info{ font-size: 16px;color: #fff; padding-bottom: 50px; padding-top: 30px; }
.contact-info-container{background: #6E1902 no-repeat center top / cover }
.contact-info h2{color: #F8B802; font-size: 2.25em; letter-spacing: 5px;text-align: center; font-weight: 400;font-family: 'Playfair Display SC', serif; margin-top:0;text-transform: uppercase;}
.contact-info .content strong{ color: #F8B802 }

.contact-info ul.footer-info {list-style: none;margin: 0;padding: 0;display: table;width: 100%;}
.contact-info ul.footer-info > li{display: table-cell;border-left: 1px solid #490F02; padding: 0 3.75% }
.contact-info ul.footer-info > li:last-child{border-right: 1px solid #490F02;}
.contact-info h3{font-family: 'Playfair Display', serif;color: #F8B802; font-size: 1.3125em;margin-top:0;font-weight: 400}
ul.footer-info ul{list-style: none;margin: 0;padding: 0}


.copyright-wrap{
  background: #4d0f02;
  background: -moz-linear-gradient(top,  #4d0f02 0%, #440e02 100%);
  background: -webkit-linear-gradient(top,  #4d0f02 0%,#440e02 100%);
  background: linear-gradient(to bottom,  #4d0f02 0%,#440e02 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0f02', endColorstr='#440e02',GradientType=0 );
}
.copyright{font-size: 13px; color: #fff;text-align: center; margin: 0; line-height: 44px;letter-spacing: 3px;}
img.alignright{float:right; margin-left: 20px;}

div.content hr{height: 1px;background: #F8B903;border: none;margin: auto;width: 100%;}

/* =============
   Media Queries/
   ============= */
@media only screen and (max-width: 1200px) {
    .min-width{padding-left: 10px;padding-right: 10px;}
    .banner{    min-height: 600px;}
}
@media only screen and (max-width: 990px) {
    body { font-size: 16px;}
    .banner h2, .specialization h2{font-size: 2.9em;}
    .social-media span{float: none; display: block;line-height: 24px;}
    header .phone span{float: none;display: block;text-align: right; margin-right: 0;line-height: 23px;}
    .home-img{float:none!important;display: block;margin: auto!important}
    .banner .banner-label{bottom: 60px;}
    .list.col1-of-2, .list.col2-of-2{float: none;}
    .specializations-list li{ min-height: 275px;width:24.2268%; margin-right: 1.0309%}
    .specializations-list li > a{padding: 20px 20px 20px;}
    .specializations-list li > a img{max-width: 100%;height: auto}
    .specializations-list li strong{font-size: 1.1em;}
    .contact-form ul.footer-info > li{padding: 0 20px;}
}

@media only screen and (max-width: 768px) {
    body { font-size: 15px;}
    .main-navigation{display: none;}
    .banner { min-height: 400px;}
    .banner .banner-label{bottom: 20px;}
    .banner h2, .specialization h2{font-size: 2.5em;}
    .banner h2 span:before, .specialization h2 span:before, .banner h2 span:after, .specialization h2 span:after{top: 27px;}
    .service-btn{ padding: 13px 20px;}
    header hr, .specializations-list li hr{height: 2px;}
    h1{font-size:2.2em;}
    .subpage article.page h1 {margin-top: 50px;}
    .cthru-link{padding: 15px 20px;}
    .specializations-list{max-width: 600px; margin: auto}
    .specializations-list li{width: 46%;/*margin-right: 10%;*/margin-bottom: 20px; min-height: 237px;}
    .specializations-list li:nth-child(2), .specializations-list li:last-child{margin-right:0;float:right;margin-left: 20px;}
    .specializations-list li > a{padding: 15px;}
    .specializations-list li hr{margin: 20px auto 10px;}

    .contact-info ul.footer-info{}
    .contact-info ul.footer-info > li{width: 50%;display: inline-block}
    .contact-info ul.footer-info > li:last-child{border-right: none;}
    .contact-info-container{ background-color: #861B03;}

    .contact-form ul.footer-info > li:last-child {border-right: none;}
    .footer-menu ul li a{font-size: 0.7em;}

    #wprmenu_bar {border-bottom: 1px solid #f8b903;}
    #wprmenu_menu{border-right: 1px solid #651401;}
    #wprmenu_menu ul li a{ letter-spacing: 4px; text-transform: uppercase;color: #fff;}
}

@media only screen and (max-width: 600px){
  .banner h2, .specialization h2 { font-size: 2em;}
  .banner h2 span:before, .specialization h2 span:before, .banner h2 span:after, .specialization h2 span:after {top: 22px;}
  .specializations-list li {margin-bottom: 15px; min-height: 198px;  }
  .specializations-list li img{max-height: 100px; width: auto; }
  .specializations-list li hr { margin: 10px auto 10px;}
  .footer-menu{padding-top: 10px;padding-bottom: 10px;}
  .footer-menu ul{text-align: center}
  .footer-menu ul li{display: inline-block}
}
@media only screen and (max-width: 520px){
  .social-media, .phone, header .phone span{float:none; text-align: center;}
  .social-media span, .social-media ul{float:none}
  .practice-areas .alignright{float: none;}
  header .phone{margin-top: 20px;margin-bottom: 10px;float: none;}
  header .phone a{margin-top:0}
  .banner-container .banner h2{font-size: 1.8em; padding-top: 41px;}
  .banner-container .banner h2 span:after {top: 36px;}
  .subpage article.page h1{margin-top: 50px;font-size: 1.9em;}
  .specialization .offer strong{font-size: 1.2em;letter-spacing: 2px;}
  .contact-info h2{font-size: 2em}
  .copyright{font-size: 11px;}
}
@media only screen and (max-width: 460px){
  body, .contact-form {font-size: 14px; }
  img.alignright, img.alignleft{float: none;display: block;margin-left: 0;}
  .specializations-list li {min-height: 176px; }
  .specializations-list li img{max-height: 80px;width: auto}
  .specializations-list li hr { margin: 10px auto 10px;}
  .contact-info ul.footer-info{margin-top: 20px;}
  .contact-info ul.footer-info > li {width: 100%; margin-bottom: 10px;}
  .footer-menu ul li{border-left:none}
  .footer-menu ul li a{line-height: 40px;}
  .copyright{letter-spacing: 1px;}
  .post-thumbnail{float: none;margin: 0 auto;text-align: center;}
}

@media only screen and (max-width: 320px){
  header hr, .specializations-list li hr{height: 1px;}
  .banner-container .banner h2 {font-size: 1.6em;padding-top: 41px;}
  .subpage article.page h1{margin-top: 30px;}
  .specializations-list li {min-height: 163px;}
  .specializations-list li > a{padding: 10px 5px;}
  .contact-info h2{font-size: 1.7em}
}

/* ===============
   Helper classes
   =============== */
img{max-width: 100%;height: auto;}
.align-left{float:left}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}