/*
   Theme Name: SPCA - Theme
   Description: Responsive Bootstrap alpha.6 Theme
   Version: 1.0.0
   Author: Miligram Design
   Author URI: https://miligram.pt
   Tags:  HTML5, CSS3, jQuery

   License: MIT
   License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-font-smoothing:antialiased;
   font-smoothing:antialiased;
   text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
   /*   font-size:62.5%;*/
}
body {
   font-family: "din-2014",sans-serif;
   color:#444;
   background-color: #f9f9f9;
   overflow-x: hidden;
   transition: all .5s ease;
}
/* clear */
.clear:before,
.clear:after {
   content:' ';
   display:table;
}

.clear:after {
   clear:both;
}
.clear {
   *zoom:1;
}
img {
   max-width:100%;
   vertical-align:bottom;
}
a {
   color:#444;
   text-decoration:none;
}
a:hover {
   color:#444;
}
a:focus {
   outline:0;
}
a:hover,
a:active {
   outline:0;
}
input:focus {
   outline:0;
   border:1px solid #04A4CC;
}
.wrapper {
   width:100%;
   margin:0 auto;
   position:relative;
}
.col-full {
   background-color: white;
   max-width: 1450px;
   margin-left: auto;
   margin-right: auto;
   padding: 60px 35px;
   box-sizing: content-box;
   position: relative;
}
.col-full.header {
   background-color: white;
   max-width: 1450px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px 35px;
   box-sizing: content-box;
   position: relative;
}
article {
   padding: 0 40px;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {
   background-color: rgba(0,0,0, .5);
   -webkit-box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
   box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
}
header.homepage {
   position: absolute;
   left: 35px;
   right: 35px;
   background-color: rgba(0,0,0, .3);
   -webkit-box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
   box-shadow: 0px 10px 40px -13px rgba(0,0,0,0.15);
}

/*------------------------------------*\
    LOGO
\*------------------------------------*/

header .logo {
   width: 220px;
   margin: auto;
   padding: 15px
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

nav {
   display: inline-block; 
   float: right;
   margin: 20px 20px 0 0;
}
nav ul > li > a, nav ul > li > a:hover, nav ul > li > a:active {
   text-transform: uppercase;
   font-size: 16px;
   text-decoration: none;
   color: white;
   font-weight: 600;
}
nav ul > li > a:not([href]):not([tabindex]),
nav ul > li > a:not([href]):not([tabindex]):hover {
   color: white;
   text-decoration: none;
}
nav > ul {
   margin: 0;
   padding: 18px 0;
   list-style: none;
   text-align: right;
}
nav > ul > li {
   padding: 0 20px;
   display: inline-block;
}
nav > ul > li > ul > li {
   display: block;
}
nav > ul > li:first-child {
   padding-left: 0;
}
nav .sub-menu {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: left;
   display: none;
   position: absolute;
   background-color: #f8f8f8;
   width: auto;
   min-width: 220px;
   box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1);
   padding: 30px;
   z-index: 1;
   transition: all .3s;
}
nav .sub-menu li {
   padding: 8px 0;
}
nav .sub-menu a, nav .sub-menu a:hover {
   font-size: 14px;
   color: #4D4D4D;
}
nav .dropdown:hover .sub-menu {
   display: block;
}
.menu-item-266 a,
.menu-item-450 a {
   cursor: pointer;
}
.linkedin {
   text-align: right;
}
.linkedin a {
   display: inline-block;
   padding: 10px 12px 10px 28px;
   font-size: 13px;
   line-height: 13px;
   text-decoration: none;
   color: white;
   font-weight: 600;
   background-color: rgba(0,0,0,.5);
   transition: all .4s;
   background: url(/wp-content/themes/spca-theme/img/linkedin.svg) no-repeat;
   background-size: 19px;
   background-position: left 43%;
}
.linkedin a:hover{
   background-color: rgba(0,0,0,1);
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.site-footer {
   background-color: #e6e6e6;
   text-align: center;
   padding: 50px 0;
}
.site-footer p {
   margin: 0;
   margin-top: 10px;
   padding: 0;
   font-size: 10px;
}
.site-footer a {
   color: #333;
}
.site-footer .partnerships a {
   margin: 0 15px;
   font-size: 10px;
}
.site-footer .partnerships a img {
   width: 9%;
}

/*------------------------------------*\
    LANGUAGE
\*------------------------------------*/
.wpml-ls-legacy-list-horizontal {
   border: 1px solid transparent;
   padding: 0;
   clear: none;
}
.wpml-ls ul {
   display: inline-block; 
   float: right;
   margin: 0;
   padding: 36px 5px 0 0;
   list-style: none;
}
.wpml-ls li {
   display: inline-block;
   margin: 0;
   padding: 0;
   margin-right: -2px;
}
.wpml-ls li.wpml-ls-current-language a {
   text-decoration: underline;
}
.wpml-ls-legacy-list-horizontal a {
   display: inline-block;
   text-decoration: none;
   padding: 5px;
   line-height: 1;
   font-size: 16px;
   color: white;
   font-weight: 600;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.home-img {
   background: url(/wp-content/uploads/2018/04/spca-5.jpg) no-repeat;
   background-size: cover;
   background-position: center -930px;
   height: 640px;
}
.grey {
   background-color: #f9f9f9;
   padding: 80px 40px;
}
.home-txt  {
   padding-left: 40px;
   color: #808080;
}
.home-txt h2 {
   font-family: "ltc-bodoni-175",serif;
}
.spca-title {
   font-family: "ltc-bodoni-175",serif;
   margin-bottom: 30px;
}
.home-txt a {
   text-transform: uppercase;
   font-size: 12px;
   text-decoration: underline;
   color: black;
}
ul.lawyers-list {
   list-style: none;
   margin: 0;
   margin-bottom: 40px;
   padding: 0;
}
ul.lawyers-list h2 {
   text-transform: uppercase;
   font-size: 16px;
   padding-top: 15px;
   padding-bottom: 15px;
   font-weight: 600;
}
ul.lawyers-list li {
   display: inline-block;
   vertical-align: middle;
   width: calc(100% / 2);
   margin-right: -3px;
   margin-bottom: 40px;
   padding: 0px 40px;
   border-right: 1px solid #ccc; 
}
ul.lawyers-list li:nth-child(2n) {
   border-right: none; 
}
.page-title {
   padding-left: 40px;
   text-transform: uppercase;
   font-size: 26px;
   font-weight: 600;
}
ul.practice-areas {
   margin-left: 20px;
   margin-top: 40px;
   padding: 0;
   list-style: none;
}
ul.practice-areas li {
   padding-left: 20px;
   margin-bottom: 20px;
   font-style: italic;
}
h4 {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 600;
}

/*------------------------------------*\
    LAWYERS
\*------------------------------------*/

.lawyers h3 {
   text-transform: uppercase;
   font-size: 22px;
   border-bottom: 1px solid #3f3f3f;
   padding-top: 15px;
   padding-bottom: 15px;
   margin-bottom: 15px;
   font-weight: 600;
}
.lawyers-header p,
.lawyers-header a {
   margin: 0;
   font-size: 12px;
   color: #666;
}
.lawyers-data {
   padding: 50px 0;
}
.lawyers-data h4 {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 600;
}
.lawyers-data ul {
   margin: 25px 0 35px 20px;
   padding: 0;
}
.lawyers-data li {
   margin-bottom: 5px;
}
.lawyer-posts h2 {
   text-transform: uppercase;
   font-size: 22px;
   font-weight: 600;
}

ul#menu-menu-advogados,
ul#menu-menu-advogados ul,
ul#menu-menu-advogados-ingles,
ul#menu-menu-advogados-ingles ul
{
   margin: 0;
   padding: 0;
   list-style: none;
}
ul#menu-menu-advogados,
ul#menu-menu-advogados-ingles {
   margin-bottom: 80px;
}
ul#menu-menu-advogados ul,
ul#menu-menu-advogados-ingles ul {
   margin: 8px 0;
   padding-left: 15px;
}
ul#menu-menu-advogados ul > li,
ul#menu-menu-advogados-ingles ul > li {
   margin-bottom: 8px;
}
ul#menu-menu-advogados > li > a,
ul#menu-menu-advogados-ingles > li > a {
   font-weight: 600;
   font-size: 16px;
}
ul#menu-menu-advogados li.current-menu-item > a,
ul#menu-menu-advogados-ingles li.current-menu-item > a {
   text-decoration: underline;
}
ul#menu-menu-advogados > li,
ul#menu-menu-advogados-ingles > li {

}
ul#menu-menu-advogados a,
ul#menu-menu-advogados-ingles a {
   text-transform: uppercase;
}
ul#menu-menu-advogados ul > li > a,
ul#menu-menu-advogados-ingles ul > li > a {
   font-size: 14px;
}




/*------------------------------------*\
    RECENT POSTS
\*------------------------------------*/
.recent-posts {
   padding: 0px 40px 60px;
}
.recent-posts h2,
.latestbyauthor h2 {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
}
.recent-posts ul,
.latestbyauthor {
   margin: 0;
   padding: 0;
   list-style: none;
}
.recent-posts li,
.latestbyauthor li {
   display: inline-block; 
   width: calc(99% / 3);
   margin: 0;
   margin-right: -3px;
   padding: 20px 30px 20px 30px;
   list-style: none;
   vertical-align: top;
   border-right: 1px solid #ccc;
}
.recent-posts li:first-child,
.latestbyauthor li:first-child {
   padding: 20px 30px 20px 0px;
}
.recent-posts li:last-child,
.latestbyauthor li:last-child {
   padding: 20px 0px 20px 30px;
   border-right: none;
}
.recent-posts li a span,
.latestbyauthor h4 {
   display: block;
   line-height: 1.3;
   font-weight: 600;
   margin-bottom: 8px;
   color: black;
   font-size: 16px;
}
.rpwwt-post-author, .rpwwt-post-categories {
   display: inline-block;
   margin-right: 10px;
   font-size: 12px;
   color: #999;
}
.rpwwt-post-date {
   font-size: 12px;
   color: #999;
   margin-bottom: 18px;
}
.latestbyauthor p {
   display: block;
   margin: 0;
   padding: 20px 0 0;
}
.rpwwt-post-excerpt a,
.latestbyauthor p > a {
   background-color: #4d4d4d;
   color: white;
   font-size: 12px;
   text-transform: uppercase;
   padding: 10px 18px;
   text-decoration: none;
}

/*------------------------------------*\
    BLOG
\*------------------------------------*/

.widget-area-2 h4 {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 400;
   padding: 0 0 20px;
   border-bottom: 1px solid #e8e8e8;
   margin: 0 0 30px;
}
.widget_search,
.widget_recent_entries,
.widget_categories,
.widget_archive {
   margin-bottom: 40px;
}
.widget-area-2 ul {
   margin: 0;
   padding: 0;
   padding-left: 20px;
   list-style: square;
}
.widget-area-2 li {
   margin-bottom: 10px;
}
.widget-area-2 a {
   font-weight: 600;
}
.search-input, .search-input:focus, .search-input:hover {
   padding: 12px;
   outline: 1px solid #e8e8e8;
   border: none;
   outline-offset: 0px;
   width: 50%;
   font-size: 12px;
}
.search-submit, .search-submit:focus {
   background-color: #4d4d4d;
   outline: none;
   color: white;
   font-size: 12px;
   text-transform: uppercase;
   padding: 12px 18px;
   text-decoration: none;
   border: none;
   line-height: 18px;
   transition: all .3s;
}
.search-submit:hover {
   background-color: #999;
}
article.post {
   border: 1px solid #e8e8e8;
   background-color: #f8f8f8;
   padding: 40px 30px;
   border-radius: 3px;
   margin: 15px 0;
}
article.post h3 a {
   display: block;
   line-height: 1.3;
   font-weight: 600;
   margin-bottom: 8px;
   color: black;
   font-size: 16px;
}
article.post span.date {
   font-size: 12px;
   color: #999;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/


/*------------------------------------*\
    CONTACTS
\*------------------------------------*/
.contacts-contents a {
   font-size: 12px;
   color: #999;
   text-decoration: underline;
}


/*------------------------------------*\
    FORMULÁRIO
\*------------------------------------*/
form.wpcf7-form {
   margin-top: 30px;
   margin-bottom: 30px;
}
.form-group {
   margin-bottom: 15px;
   width: 80%;
}
.form-control, .form-control:focus {
   border-radius: 3px;
   background-color: rgba(255,255,255, .1); 
   font-size: 12px;
   padding: 12px;
   border: 1px solid #e8e8e8;
   font-style: italic;
   color: white;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #999;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
   color: #999;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
   color: #999;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #999;
}
.form-btn {
   background-color: #4d4d4d;
   outline: none;
   color: white;
   font-size: 12px;
   text-transform: uppercase;
   padding: 12px 18px;
   text-decoration: none;
   border: none;
   line-height: 18px;
   transition: all .3s;
}
p.small {
   font-size: 12px;
}
div.wpcf7-validation-errors {
   border: none;
   padding: 0;
   margin: 0;
   font-size: 12px;
   color: #999;
}
span.wpcf7-not-valid-tip {
   color: #999;
   font-size: 12px;
   font-weight: normal;
   display: block;
   padding: 5px;
}

.contacts {
   margin-bottom: 80px;
}
article .contacts img {
   margin-bottom: 40px;
}
.contacts .contacts-contents {
   padding: 0 40px;
}
.menu-btn {
   display: none;
}
.widget.egoi_widget_style {
   margin-bottom: 25px;
}
.widget.egoi_widget_style label {
   display: none;
}
.widget.egoi_widget_style input {
   padding: 12px;
   outline: 1px solid #e8e8e8;
   border: none;
   outline-offset: 0px;
   width: 79%;
   font-size: 12px;
   color: white;
   text-transform: uppercase;
}
.widget.egoi_widget_style input.submit_button {
   background-color: #4d4d4d;
}
.egoi-widget-error {
    width: 79%;
}


/*------------------------------------*\
        TYPOGRAPHY
\*------------------------------------*/

@font-face {
   font-family:'Font-Name';
   src:url('fonts/font-name.eot');
   src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
      url('fonts/font-name.woff') format('woff'),
      url('fonts/font-name.ttf') format('truetype'),
      url('fonts/font-name.svg#font-name') format('svg');
   font-weight:normal;
   font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}
@media only screen and (min-width:1280px) {

}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
   .home-img {
      background-position: center -700px;
   }

}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 1024px) {
   .col-full.header {
      padding: 0px;
   }
   .col-full {
      padding: 50px 15px;
   }
   header.homepage {
      left: 0;
      right: 0;
   }
   .home-img {
      background-position: center -610px;
      height: 460px;
   }
   nav ul > li > a, nav ul > li > a:hover, nav ul > li > a:active {
      font-size: 14px;
   }
   nav .sub-menu a, nav .sub-menu a:hover {
      font-size: 12px;
   }
   p {
      font-size: 12px;
   }
   ul.practice-areas li {
      font-size: 14px;
   }
   article {
      padding: 0 15px;
   }
   ul#menu-menu-advogados > li > a {
      font-size: 14px;
   }
   ul#menu-menu-advogados ul > li > a {
      font-size: 12px;
   }
   ul#menu-menu-advogados ul > li {
      margin-bottom: 0px;
   }
   ul.lawyers-list li {
      margin-bottom: 20px;
      padding: 0px 20px;
   }
   ul.lawyers-list h2 {
      font-size: 12px;
   }
   .lawyers-data h4 {
      font-size: 16px;
   }
   .lawyers-data li {
      font-size: 14px;
   }
   article.post {
      padding: 20px 15px;
   }
   article.post h3 a {
      font-size: 15px;
   }
   .widget-area-2 a {
      font-size: 14px;
      line-height: 1;
   }
   .widget-area-2 li {
      margin-bottom: 5px;
   }
   .widget-area-2 h4 {
      font-size: 16px;
      padding: 0 0 10px;
      margin: 0 0 10px;
   }

}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
   .recent-posts {
      padding: 0px 20px 40px;
   }
   .recent-posts li:first-child, .latestbyauthor li:first-child {
      padding: 20px 20px 20px 0px;
   }
   .recent-posts li, .latestbyauthor li {
      margin-right: -3px !important;
      padding: 20px;
   }
   .recent-posts li:last-child, .latestbyauthor li:last-child {
      padding: 20px 0px 20px 20px;
   }
   .recent-posts li a span, .latestbyauthor h4 {
      font-size: 14px;
   }
   nav {
      margin: 20px 0px 0 0;
   }
   nav > ul > li {
      padding: 0 10px;
      display: inline-block;
   }
   .home-txt {
      padding-left: 0px;
   }
   article.post {
      width: 100%;
   }

}
/* Small devices (iphone5 and 6, 568px and up) */
@media (max-width: 568px) {
   nav {
      display: none;
   }
   .home-img {
      background-position: center -120px;
      height: 400px;
   }
   header .logo {
      width: 180px;
   }
   .recent-posts li, .latestbyauthor li {
      width: 100%;
      padding: 5px 0 25px; 
      border-right: none;
      border-bottom: 1px solid #e8e8e8;
   }
   .recent-posts li:first-child, .latestbyauthor li:first-child {
      padding: 5px 0 25px;
   }
   .recent-posts li:last-child, .latestbyauthor li:last-child {
      padding: 5px 0 25px;
   }
   .grey {
      padding: 40px 20px;
   }
   .home-txt h2 {
      margin-top: 20px;
   }
   #menu-menu-advogados {
      display: none;
   }
   .mobile-menu-nav {
      background-color: black;
      padding: 40px 30px;
      position: fixed;
      top: 0;
      bottom: 0;
      width: auto;
      z-index: 1000;
      width: 80%;
      left: -80%;
      overflow-y: auto;
      transition: all .5s ease;
   }
   .mobile-menu-nav a {
      color: white;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(255,255,255, .2);
      display: block;
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: 600;
   }
   .mobile-menu-nav li > ul > li > a {
      padding-left: 15px;
   }
   .mobile-menu-nav li > ul > li > ul > li > a {
      color: rgba(255,255,255, .6);
      font-size: 12px;
      line-height: 20px;
      font-weight: 400;
   }
   .mobile-menu-nav ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
   .mobile-menu-nav li {
      margin-bottom: 10px;
   }
   .mobile-menu-nav li > ul {
      margin-top: 10px;
   }
   .mobile-menu-nav #menu-item-461 > a {
      pointer-events: none;
   }
   .menu-btn {
      display: block;
      position: fixed;
      width: 35px;
      height: 35px;
      z-index: 10000;
      top: 20px;
      left: 20px;
      transition: all .5s ease;
   }
   .menu-btn.open {
      left: 85%;
   }
   .mobile-menu-nav.open {
      left: 0%;
   }
   body.locked {
      overflow: hidden;
   }

}
/* Small devices (iphone4, 480px and up) */
@media (max-width: 480px) {

}














/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
   background:#04A4CC;
   color:#FFF;
   text-shadow:none;
}
::-webkit-selection {
   background:#04A4CC;
   color:#FFF;
   text-shadow:none;
}
::-moz-selection {
   background:#04A4CC;
   color:#FFF;
   text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.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 {
   background:#FFF;
   border:1px solid #F0F0F0;
   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 .wp-caption-text,
.gallery-caption {
   font-size:11px;
   line-height:17px;
   margin:0;
   padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
   * {
      background:transparent !important;
      color:#000 !important;
      box-shadow:none !important;
      text-shadow:none !important;
   }
   a,
   a:visited {
      text-decoration:underline;
   }
   a[href]:after {
      content:" (" attr(href) ")";
   }
   abbr[title]:after {
      content:" (" attr(title) ")";
   }
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
      content:"";
   }
   pre,blockquote {
      border:1px solid #999;
      page-break-inside:avoid;
   }
   thead {
      display:table-header-group;
   }
   tr,img {
      page-break-inside:avoid;
   }
   img {
      max-width:100% !important;
   }
   @page {
      margin:0.5cm;
   }
   p,
   h2,
   h3 {
      orphans:3;
      widows:3;
   }
   h2,
   h3 {
      page-break-after:avoid;
   }
}