/*
Theme Name: Connect Discovery
Theme URI: http://lawpromo.com
Author: Abby Brook
Author URI: http://abbybrook.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lp_base
Tags:
Template: lp_base

*/

/*--------------------------------------------------------------
>>> ♥ TABLE OF CONTENTS:
----------------------------------------------------------------
1. Global
  1.1 Social Media
  1.2 Blockquote
2. Accessibility
3. Navbar
  3.1 Navbar - Hamburger
  3.2 Navbar Styles
4. Header
  4.1 Interior Page Banners
5. Footer
6. Homepage
  6.1 Slideshow
  6.2 Firm Intro
  6.3 PA Buttons
  6.4 Why Us Info Tabs
  6.5 Google Map
6. Blog
7. Practice Areas
  7.1 Single Practice Area Page
  7.2 Archive Practice Area Page
8. Contact
  8.1 Contact Form 7
9. Print Queries
10. Sidebars
--------------------------------------------------------------*/



/****************************************************************************************

   1. Global ♥

*****************************************************************************************/
body {
  font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
  background-color: #fff;
  font-size: 14px;
  margin: 0 auto;
}
section {
  margin: 15px 0;
}
a {
  color: #00ADD2;
  text-decoration: none;
}
a:active, a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 20px;
}
ul li, ol li {
  margin: 10px 0;
}
.h1, h1 {
  font-size: 200%;
}
.h2, h2 {
  font-size: 180%;
}
.h3, h3 {
  font-size: 160%;
}
.h4, h4 {
  font-size: 140%;
}
.h5, h5 {
  font-size: 120%;
}

/* NEED TO OVERRIDE THESE CLASSES FOR APPROPRIATE h1 OUTPUT IN template-parts/content-page.php */
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    color: #0F1D3C;
}
.page .archive .h1, h1{
  margin-top: 0;
}


/*******************************************************
   1.2 Social Media global ♠
*******************************************************/
.social-media li {
  display:inline-block;
  list-style-type: none;
}
.social-media .fa {
    font-size: 16px;
    width: 33px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    padding: 8px;
    transition: all .4s;
    margin: 5px;
    color: #fff;
    background: #2d6aae;
}
.social-media .fa:hover {
  color: #2d6aae;
  transition: all .4s;
  background: #fff;
}

/*******************************************************
  1.3 Blockquote ♠
*******************************************************/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 3px solid #00add2;
  border-right: 1px solid #00add2;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:-3px;
}
blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}



/****************************************************************************************

  2. Accessibility ♥

*****************************************************************************************/
/* Text meant only for screen readers. */
.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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}



/****************************************************************************************

   3. Navbar ♥

*****************************************************************************************/
.main-navigation li {
  display: inline-block;
}
.nav-interior-pages img {
  margin: 12px 0;
  width: 100%;
  height: auto;
}
.nav-interior-pages .main-navigation li {
  padding: 0px 54px;
  margin: 0;
}

/*******************************************************
   3.1 Navbar - Hamburger Button ♠
*******************************************************/
.hamburgerBtn  {
    width: 100%;
    height: 55px;   
    border: 0px solid red;
    display: none;
    position: fixed;
    z-index: 9999;
}
.hamburgerBtn button {
    width: 50px;
    border: 3px solid #024775;
    border-radius: 0;
    display: ;
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 10px;
}
.menuTrigger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
            transition: background 0.3s;
}
.menuTrigger:focus {
    outline: none;
}
.menuTrigger span {
    display: block;
    position: absolute;
    top: 22px;
    left: 10px;
    right: 10px;
    height: 3px;
    background: #024775;
}
.menuTrigger span::before,
.menuTrigger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #024775;
    content: "";
}

.menuTrigger span::before {
    top: -8px;
}
.menuTrigger span::after {
    bottom: -8px;
}

/*******************************************************
    * STYLE OPTION 2: Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x". ♠
*******************************************************/
.cmn-toggle-switch__htx {
    background: rgba(255,255,255, 0.6);
}
.cmn-toggle-switch__htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}
.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}
.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}
.cmn-toggle-switch__htx.active {
  background-color: white;
}
.cmn-toggle-switch__htx.active span {
  background: none;
}
.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

@media only screen and (max-width: 1200px) {
  #bodywrapper {
      margin-top: 75px;
  }
  .hamburgerBtn  {
    width: 100%;
    display: block;
    position: fixed;
    z-index: 9999;
  }
  .hamburgerBtn button {
    width: 50px !important;
    display: ;
    position: absolute;
    z-index: 9999;
  }
  .sub-menu {
  margin-top: 0px !important;
  }
  .nav_List_Container ul .sub-menu a {
    font-size: 16px;
  }
  footer .col-sm-4{
  margin: 20px auto;
  }
}

/*******************************************************
   Hamburger NAV UL LI elements ♠
*******************************************************/
#ham_Nav_Btns{
  width: 0%;
  height: 500px;
  background: rgba(0,0,0,0.8);
  transition: .2s;
  overflow: hidden;
  position: absolute;
}
#ham_Nav_Btns.stretch{
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 9998;
}
.nav_List_Container {
    padding: 60px 0;
}
.nav_List_Container ul {
    text-align: center;
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.nav_List_Container ul li {
    margin: 5px 0;
}
.nav_List_Container a {
    color: white;
    font-size: 22px;
    text-decoration: none;
}
.nav_List_Container a:hover {
  color: #ccc;
}
.nav_List_Container .sub-menu li {
  padding: 0;
}
.nav_List_Container .sub-menu li:first-of-type {
  padding: 0;
}


.navbar {
  margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
  .main-navigation {
      display: none;
  }
  .nav_List_Container ul a {

    color: #00bfff;
  }
  .nav_List_Container ul .sub-menu a {
    color: #fff;
  }
  .sub-menu {
    margin-top: 0;
  }
}

/*******************************************************
  3.2 Navbar Styles ♠
*******************************************************/
/* =================================================  
   NAVBAR
==================================================== */
.navbar {
  border: none;
  min-height: 20px;
}
.navbar ul li a {
  color: #fff;
  font-size: 15px;
}
.navbar-nav {
  float: none;
}
.navbar ul li ul li a {
  color: #fff;
}

.nav-interior-pages .navbar ul li a {
  padding: 8px;
}
.nav-interior-pages .navbar ul li:first-of-type {
  padding-left: 0px;
}
.nav-interior-pages .navbar ul li:last-child {
  padding-right: 0px;
}
.nav-interior-pages .navbar ul ul li:first-of-type {
  padding-left: 10px;
}

/*******************************************************
   Menus ♠
*******************************************************/
.main-navigation ul {
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  text-align: right;
}
.main-navigation li {
  padding: 33px 28px;
  margin: 0;
}
.main-navigation li:first-of-type {
  padding-left: 0px;
}
.main-navigation li:last-of-type {
  padding-right: 0px;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  padding: 0;
  display: block;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  color: #fff;
}
.main-navigation a:hover {
  color: #99eeff;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 4em;
  left: -999em;
  z-index: 99999;
  width: 290px;
  background: rgba(0,0,0,0.9);
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  padding: 10px 20px;
  margin: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  margin-top: 20px;
}
.nav-interior-pages {
  background: #0F1D3C;
  border-radius: 0;
}
.nav-interior-pages .main-navigation ul ul {
  top: 1.6em;
  margin-top: 14px!important;
}

/* Small menu. */
@media screen and (min-width: 1200px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

/* =========== NAV =========== */
.sub-menu li {
  width: 100%;
  border-left: 0 !important;
  border-right: 0 !important;
  float: left;
  clear: both;
  text-align: left;
  margin: 3px 0;
  padding: 10px 0 10px 20px;
}
.sub-menu li:hover {
  transition : .2s ease-in;
}
.sub-menu li:first-of-type {
  padding-left: 20px;
}

.nav-interior-pages .sub-menu li {
  width: 100%;
  border-left: 0 !important;
  border-right: 0 !important;
  float: left;
  clear: both;
  text-align: left;
  margin: 3px 0;
  padding-left: 10px;
}
.nav-interior-pages .sub-menu li:hover {
  transition : .2s ease-in;
}

.nav-interior-pages .navbar .submenu ul li:first-of-type {
  padding-left: 10px;
}

@media screen and (max-width: 1200px) {
  .sub-menu li {
    text-align: center;
  }
  .sub-menu li:hover {
    background: none;
  }
  .sub-menu {
    /*margin-top: 14px !important;*/
    margin-top: 14px;
    line-height: 1.2;
  }
}


/****************************************************************************************

   4. Header ♥

*****************************************************************************************/
header {
	background: #0F1D3C;
}
.logo {
	display: block;
	float: left;
	width: 245px;
	max-width: 100%;
	margin: 10px 0;
	padding: 0;
}
.header-logo {
  max-width: 180px;
  margin: 0 auto;
}
.call-us {
  margin: 30px 0;
  color: #fff;
}
.evaluation {
  color: #fc3e3e;
}
.header-text {
  display: inline-block;
  margin: 38px 10px 0 0;
}
.header-text p {
    margin: 0;
}
.firm-number {
  display: inline-block;
  margin: 30px 0;
  font-size: 42px;
  color: #bbdefe;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .firm-number {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
}

/*******************************************************
  4.1 Interior Page Banners ♠
*******************************************************/
.interior-banner {
  padding: 60px 0;
  height: 220px;
  width: 100%;
}
.page-banner {
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  color: #fff;
  background-position: right;
}
.page-banner img {
  width: 300px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .page-banner .row {
    background: linear-gradient(to right, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0.2) 100%);
  }
}


/****************************************************************************************

   5. Footer ♥

*****************************************************************************************/
.backToTop_Btn {
  display: none;
}
.backToTop_Btn i {
  padding: 6px;
  background: rgba(255,255,255, 0.8);
  color: #024775;
  font-size: 20pt !important;
  position: fixed; 
  z-index: 9999; 
  right: 25px;
  bottom: 25px;
  border-radius: 50%;
}
footer {
  background: #0F1D3C;
  width: 100%;
  color: #fff;
  padding: 40px 0;
}
footer p {
  font-size: 14px;
  margin: 0 0 0 10px;
}
footer a {
  color: #ccc;
}
footer a:hover {
  color: #fff;
  text-decoration: none;
}
footer h3 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.footer-logo {
  max-width: 240px;
  margin-top: 20px;
}
.footer-logo img {
  width: 240px;

}
.footer-contact {
  text-align: center;
}
.footer-text {
  margin: 0;
}
footer .social-media {
  text-align: right;
}

@media screen and (max-width: 767px) {
	footer {
		text-align: center;
	}
	footer .fa {
		float: none;
	}
  .footer-logo {
    margin: 0 auto;
  }
  footer .social-media {
    text-align: center;
  }
}



/****************************************************************************************

   6. Homepage ♥

*****************************************************************************************/
/*.home section {
  padding: 20px 0;
}*/


/*******************************************************
   6.1 Slideshow ♠
*******************************************************/
#slideshow {
  background: linear-gradient(to right bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3
  ) 50%), linear-gradient(135deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 60%);
 /*url('img/header1.jpg') no-repeat;*/
  background-size: cover;
  background-position: center center; 
  height: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 9;
}
#slideshow .blue-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f1d3c+0,e5e5e5+100&1+0,0+100 */
  background: -moz-linear-gradient(-45deg,  rgba(15,29,60,1) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1d3c', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#slideshow img {
  width: 500px;
}
#slideshow .slideshow-slogan {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 48px;
  position: relative;
  top: 80px;
  z-index: 2;

/*  padding: 20px 40px;
  font-size: 32px;
  margin-top: 78px;
  text-align: left;
  width: 343px;
  position: absolute;
  left: 64%;
  top: 60px;*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */
/*  background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%); 
  background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); 
  background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); */
}


.home-logo {
  position: relative;
  z-index: 2;
  padding: 0; 
  display: block; 
  /*height: 100%;*/
  float: left;
  width: 230px;
  padding: 20px 0;
}

@media screen and (max-width: 1200px) {
  #slideshow .slideshow-slogan {
    top: 90px;
  }
  .home-logo {
    float: none;
  }
}

@media screen and (max-width: 991px) {
  #slideshow .slideshow-slogan {
    font-size: 42px;
/*    right: 0;
    left: auto;
    width: 325px;*/
  }
}

@media screen and (max-width: 767px) {
  #slideshow .slideshow-slogan {
    font-size: 32px;
    /*right: 0;
    left: auto;
    width: 290px;*/
  }
  .firm-intro-badges {
    max-width: 400px;
    margin: 0 auto 20px;
  }
}



/******************************************************
   Slides Animation ♠
  **Can either do 
  
  .fadein span {background-size: cover, background attachment 50% 50%} 
  OR 
   .fadein span {background-size: 100%} 
   @media screen and (min-width:1200px) {.fadein span {background-position: 50 50}} 

  depending on desired effect.

******************************************************/
@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}
.fadein {

}
.fadein span {    
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  animation-name: fade;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  z-index: -1;
  
  background-size: cover;
  background-position: 50% 50%;

  background-size: cover;
  background-position: center center; 
  height: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.fadein img:nth-child(1) { animation-delay: 0s;  }
.fadein img:nth-child(2) { animation-delay: 3s;  }
.fadein img:nth-child(3) { animation-delay: 6s;  }
.fadein span:nth-child(1) { animation-delay: 0s;  }
.fadein span:nth-child(2) { animation-delay: 3s;  }
.fadein span:nth-child(3) { animation-delay: 6s;  }

.slide1 {
      background: linear-gradient(to right bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4
    ) 50%), linear-gradient(135deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 60%), url('img/header1.jpg');
}
.slide2 {
      background: linear-gradient(to right bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4
    ) 50%), linear-gradient(135deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 60%), url('img/header2.jpg');
}
.slide3 {
      background: linear-gradient(to right bottom, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4
    ) 50%), linear-gradient(135deg,  rgba(15,29,60,1) 0%,rgba(229,229,229,0) 60%), url('img/header3.jpg');
}

@media screen and (min-width: 970px) {
  .fadein span {
    background-position: 50% 50%;
  }
}



/*******************************************************
   6.2 FIRM INTRO ♠
*******************************************************/
/*#firm-intro .col-sm-12 {
  text-align: center;
}*/
#firm-intro h2 {
  margin-top: 0px;
  margin-bottom: 10px;
}
#firm-intro p{
  font-weight: 500;
  font-size: 14px;
  margin: 20px 0;
}
#firm-intro p:first-of-type{
  margin: 20px 0 40px 0;
}
#firm-intro p:last-of-type{
  margin: 0;
}
#firm-intro p:first-child {
  margin: 0;
}
#firm-intro .firm-intro-badges img {
  margin-top: 20px;
  width: 200px;
  max-width: 100%;
}
#firm-intro .firm-intro-badges img:first-of-type {
  margin-top: 0px;
}
#firm-intro .firm-intro-badges {
    display: flex;
    align-items: flex-end;
    flex-flow: column;
    margin-top: 52px;
}
@media screen and (max-width: 767px) {
  #firm-intro .firm-intro-badges {
    align-items: center;
  }
}

/*******************************************************
   6.3 PA BUTTONS ♠
*******************************************************/
#pa-buttons { 
  background: #0F1D3C;
  text-align: center;
  padding: 20px 0 80px 0;
}
#pa-buttons h2 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 35px;
}
#pa-buttons .pa-leaf {
  width: 60px;
  height: auto;
  position: relative;
  top: 30px;
}
.pa-buttons {
  text-align: center;
}
.pa-buttons .pa-button {
  display: inline-block;
  margin: 10px;
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  width: 240px;
  height: auto;
}
.pa-buttons .pa-button img {
  display: block;
  max-width: 100%;
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  height: auto;
}
.pa-buttons .pa-button .details {
    font-size: 16px;
    color: #fff;
    z-index: 3;
    text-align: center;
    position: relative;
}
.pa-buttons .pa-button .details span {
  display: block;
  position: relative;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.pa-buttons .pa-button .details .title {
  line-height: 1;
  font-weight: 600;
  font-size: 15px;
  font-weight: 500;
  background: rgba(0,0,0,0.8);
  padding: 10px;
  width: 100%;
  position: absolute;
  top: 0;
}
.pa-buttons .pa-button .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.pa-buttons .pa-button:before,
.pa-buttons .pa-button span, .pa-buttons .pa-button:before,
.pa-buttons .pa-button span {
  opacity: 1;
}
.pa-buttons .pa-button span, .pa-buttons .pa-button span {
  top: 0;
}
.pa-buttons .pa-button .title, .pa-buttons .pa-button .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.pa-buttons .pa-button .info, .pa-buttons .pa-button .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.pa-button {
  position: relative;
  overflow: hidden;
}
.pa-button img {
  max-width: 100%;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.pa-button:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


/*******************************************************
   6.4 Why Us Info Tabs ♠
*******************************************************/
#info-tabs h2 {
  margin-top: 0px;
  margin-bottom: 35px;
  text-align: center;
}
#info-tabs .why-us-box {
  background: #0F83b6;
  min-height: 580px;
  margin-left: 20px;
}
.why-us-tabs {
  width: 20%;
  float: left;
  font-family: "Oswald", sans-serif;
}
.why-us-tabs-description {
  width: 70%;
  float: left;
  padding: 0 40px;
  padding-top: 30px;
}
ul.tabs {
  float: left;
  display: block;
}
ul.tabs li {
    background: transparent;
    cursor: pointer;
    display: block;
    clear: both;
    padding: 20px;
    color: #fff;
    font-size: 20px;
}
ul.tabs li.current {
    background: transparent;
    color: #fc0;
    position: relative;
}
.tab-content {
    display: none;
}
.tab-content.current {
  display: inherit;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .why-us-tabs {
    width: 100%;
  }
  ul.tabs {
    float: none;
    text-align: center;
    padding: 0;
  }
  ul.tabs li {
    clear: none;
    padding: 10px;
    font-size: 16px;
    display: inline-block;
  }
  .why-us-tabs-description {
    width: 100%;
    padding-top: 0px;
  }
}


/*******************************************************
   6.5 Google Map ♠
*******************************************************/
#google-map {
  position: relative;
}
section#google-map  {
  padding: 0;
  margin: 0;
}
#google-map h2 {
  margin: 0 0 35px 0;
  text-align: center;
}
#google-map img.map-contact {
  display: block;
  position: absolute;
  bottom: 70px;
  left: 20%;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  #google-map img.map-contact {
    left: 10%;
  }
}
@media screen and (max-width: 767px) {
  #google-map img.map-contact {
    display: none;
  }
}


/****************************************************************************************

   6. Blog ♥

*****************************************************************************************/
#news h3 a {
  color: #402570;
}
#news h3 a:hover {
  color: #00add2;
  text-decoration: none;
}
#news .entry-meta {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 14px;
	color: #666;
  font-size: 80%;
  margin: 20px 0 20px 6px;
}
article .post p {
    margin: 20px 0px 20px 0px;
    float: left;
    display: inline-block;
}
.archive-blog article p{
  margin: 0px 10px 20px 10px;
  float: left;
  display: inline-block;
}
#news .col-sm-8 p {
  margin-bottom: 20px;
}
#news .single-post {
  margin-top: 20px;
}
#news .entry-content {
    float: left;
    width: 80%;
    display: inline-block;
}
#news .archive-blog img {
    width: 20%;
    float: left;
}
.single-blog img {
  margin: 20px 0 0 0;
}

/*.practice-button-hm {
  width: 260px;
  display: inline-block;
}
.pa-section {
  text-align: center;
}*/

/*@media screen and (max-width: 767px) {
  #news .widget-area {
    display: none;
  }
}*/

/*******************************************************
   Archive Blog ♠
*******************************************************/
article .post {
  margin: 0 0 40px 0;
  padding: 0;
}
.read-more-button {
  float: right;
  display: inline-block;
}
.read-more-button a {
  padding: 20px 10px;
}



/****************************************************************************************

   7. Practice Area Pages ♥

*****************************************************************************************/
/*******************************************************
   7.1 Single Practice Area Page ♠
*******************************************************/
#practice-areas i {
  font-size: 60px;
  padding: 20px;
}
#practice-areas .practice-page-button {
  width: 200px;
  text-align: center;
}
.practice-page a {
  display: inline-block;
  float: left;
  margin: 7px;
  text-decoration: none;
  color: #333;
}
.practice-page p {
  float: none;
  text-align: center;
  display: block;
  font-weight: 700;
  padding: 12px;
}
.practice-page a:hover {
  color: #ccc;
}
#practice-areas p {
  margin-top: 16px;
}
#practice-areas p:last-child {
  margin-bottom: 0;
}
/*#practice-areas .row {
  margin: 10px auto;
}*/
#practice-areas .split-list {
  width: 49%;
  text-align: left;
  display: inline-block;
  float: left;
  margin: 0 1% 0 0;
  padding: 0;
  box-sizing: border-box;
}
#practice-areas .split-list p {
  background: #013467;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  margin: 20px auto 10px;
}
.pa-image {
  margin-top: 10px;
  display: block;
}

/*******************************************************
  7.2 Archive Practice Area Page ♠
*******************************************************/




/****************************************************************************************

   Leadership Page ♥

*****************************************************************************************/
.owner-profile {
  float: right;
  margin: 0 0 10px 40px;
}
.owner-profile img {
  float: right;
  width: 100%;
  max-width: 270px;
}
.owner-title, .owner-email, .owner-phone {
  clear: both;
  display: block;
  text-align: center;
  margin: 5px 0;
}
.owner-title {
  color: #0F1D3C;
  font-size: 200%;
  font-family: "Oswald", sans-serif;
}
.owner-email, .owner-phone {
  font-size: 16px;
}
.owner-email a{
  color: #0F1D3C;
}
.owner-email a:hover {
  color: #00ADD2;
}

@media (max-width: 767px) {
  .owner-profile {
    float: none;
    clear: both;
    margin: auto;
  }
  .owner-profile img {
    float: none;
    max-width: 230px;
    margin: auto;
    display: block;
  }
}


/****************************************************************************************

  8. Contact ♥

*****************************************************************************************/
#contact h3, #contact h2 {
  margin-top: 0;
}
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
#iframelayer {
  position:absolute;
  width:96%;
  height:600px;
  left:16px;
  top:0px;
  background: rgba(147,188,255, 0.3);
}
.contact-blurb {
  width: 330px;
  max-width: 100%;
}
.contact-blurb-address {
  height: 120px;
  text-align: left;
}
.contact-blurb-phone {
  height: 70px;
  text-align: left;
}
.contact-blurb-email {
  height: 60px;
  text-align: left;
}
#contact i {
  float: left;
  font-size: 32px;
  display: block;
  width: 60px;
  text-align: center;
}
i.address {
  color: #0F1D3C;
  margin-top: 32px;
}
i.phone {
  color: #0F1D3C;
  margin-top: 3px;
}
i.email {
  color: #0F1D3C;
  margin-top: -6px;
}
#contact p {
  display: block;
}
#contact #secondary h3 {
  padding: 20px 20px 0px 20px;
}

@media screen and (767px) {
  #contact #secondary h3 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact-blurb {
    margin: 0 auto;
  }
}

/*******************************************************
   8.1 Contact Form 7 ♠
*******************************************************/
form {
  font-size: 20px;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  padding: 20px;
}

label {
  font-weight: 500;
}
input[type=submit] {
  display: inline-block;
  background: #00add2;
  color: white;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  width: 100%;
  margin: 10px auto 0;
  border: none;
}
input[type=submit]:hover  {
  transition: all 0.1s ease-in;
}
input[type=submit]:active {
  transform: translateY(4px);
 }
input[type=text], input[type=email], textarea {
	width: 100%;
	color: #000;
}

@media screen and (max-width: 768px) {
  form {
    width: 50% !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 520px) {
  form {
      width: 75% !important;
      margin: 0 auto !important;
  }
}


/****************************************************************************************

  9. Print Queries ♥

*****************************************************************************************/
@media print {
  header:after {
    content: "Content Printed From ConnectDiscovery.com";
  }
  img {
    display: none;
  }
  #secondary, form {
    display:none;
  }
  h1 {
    margin: 0;
  }
  footer {
    display:none;
  }
  .hero {
    display:none;
  }
  #slideshow, .page-banner {
    display: none;
  }
}


/****************************************************************************************

  10. Sidebars ♥

*****************************************************************************************/
/*#secondary {
  background: #eee;
  min-height: 500px;
}*/

#secondary h3 {
  margin: 0;
  padding: 20px 0;
  padding: 0px 20px 20px 20px;
}
#secondary ul {
  margin: 0;
  padding: 0;
}
#secondary ul li {
  list-style-type: none;
  padding: 5px 20px;
}
#secondary ul li:last-of-type {
  border-bottom: none;
}
#secondary ul li a {
  color: #0F1D3C;
}
#secondary ul li a:hover {
  color: #00add2;
  text-decoration: none;
}

.sidebar-mobile { display: none;  }
.sidebar-desktop { display: block;  }

@media screen and (max-width: 767px) {
  .sidebar-mobile { display: block;     margin-top: 20px; }
  .sidebar-desktop { display: none;  }
}












section {
  padding: 40px 0;
  margin: 0;
}

.sidebar-wrapper {
  background: #ededed;
  margin-right: 20px;
}
h1 {
  margin-bottom: 40px;
  color: #7185b7;
}

/*.sidebar-wrapper section {
  margin: 30px 0;
}*/