/*
Theme Name: PSR Advogados
Theme URI: http://www.alinebranco.pt
Description: Site para a PSR Advogados.
Author: Aline Branco
Author URI: http://www.alinebranco.pt
*/


@font-face {
   font-family: "Dosis";
   src: local(Dosis), url(fonts/Dosis-Regular.otf);
 }

 @font-face {
    font-family: "Dosis";
   src: local(Dosis), url(fonts/Dosis-Bold.otf);
    font-weight: Bold;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
}



/* 1 - Comuns . basicos
################################################## */
body {
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
  background: #fff;
}
img {border: none;}
h1{font-family: "Dosis";

    text-align: left;
    font-size: 3.5em;
    padding: 0.8em 0 .4em;
    color: #214478;
    text-shadow: 1px 1px 0 #fff;
    font-variant: small-caps;

}
h1 span {
  display: block;
  font-size: .5em;
  color: #555;
  padding: .5em 0;
  text-transform: none;
  text-shadow: 0 0 3px #fff;
}

h2 {font-family: "Dosis";
		font-size:2.9em;
    font-size:1.8rem;
    line-height:1.5em;
		color:#214478;
		padding:2em 0 1em;
	}
.search-posts h2 {padding: .6em 0 .2em;}

h3 {font-family: "Dosis";
    font-size:2.2em;
    font-size:1.4rem;
    line-height:1.5em;
    color:#0c2955;
    padding:1.5em 0 .8em;
  }

  h4 {
    font-size:1.6em;
    font-size:1rem;
    line-height:1.5em;
    color:#02824b ;
    padding:1em 0 .5em;
  }

  ul, li{
    padding-left: 1em;
    list-style: circle;
    font-size:1.3em;
    font-size:1rem;
    line-height:1.7em;
    color:#444;
  }

  a {color:#214478; text-decoration: none; text-shadow: 1px 1px 0 #fff;}
  a:hover {text-decoration: underline; color: #0c2955; cursor: pointer;}

	p, label {
		font-size:1.6em;
    font-size:1rem;
		line-height:1.7em;
		color:#444;
		padding: 0 0 .5em;
    margin: 0;
	}

.wrap {
  margin: 0 auto;
  width:95%;
  max-width:960px;
}
.wrap,
.content{
	clear:both;
	overflow: auto;
}


/* 2 - HEADER
################################################## */
.headermain{
  background: #fff;
  padding:1em 0 0;
  position: relative;
  min-height:68px;
}
.headermain::after{
  background: #fff;
  display: block;
  height:50px;
  width:100%;
  content: " ";
  transform: rotate(-1.8deg);
  border-bottom: 2px solid #214478;
  position: absolute;
  bottom:-20px;
  -webkit-box-shadow: 0px 6px 11px 0px rgba(32,61,44,1);
  -moz-box-shadow: 0px 6px 11px 0px rgba(32,61,44,1);
  box-shadow: 0 5px 5px 0px rgba(32,61,44,.5);
}

a.navbar-brand {
  width: 119px;
  height: 72px;
  overflow: hidden;
  float: left;
  display: block;
  position: relative;
  z-index: 100;
  position: absolute;
  top: 15px;
}

.header-page h1 {
  font-size: 3.2em;
  padding: 1em 0;
  text-shadow: 1px 1px 1px #00d4aa;
  color: #fff;
}

/* 3 - MENU
 ################################################## */
nav {overflow: hidden;
 width: auto;
 float: right;
 z-index: 200;
 margin-top: 1em;
 position: relative;
}

nav ul { list-style: none;}

nav li {display: inline-block;}

nav a {
  display: inline-block;
  color: #333;
  padding: 1em;
  font-size: 1.4em;
  font-size: .9rem;
  border-radius: 15px 5px 15px 5px;
}
nav a:hover {
  background-color: #e6ecf1;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
}

 .nav-toggle {display: none;}

 .nav-toggle a {
	background-color:#214478;
	padding:8px 8px 4px;
	width:40px;
	border-radius:8px;
	display: block;
	line-height:10px;
}
.nav-toggle a span{
	background-color:#e6ecf1;
	margin-bottom: 4px;
	display: block;
	height:3px;
}
@media only screen and (min-width: 800px) {
  nav a:hover {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
  }

}

/* 3 - MENU versao mobile */
@media only screen and (max-width: 800px) {
.headermain h1 {
  margin: 0 auto .5em;
  float: none;
}
.nav-toggle {
  display: block;
  padding:1em;
  font-size: 1.4em;
  position: absolute;
  top: 20px;
  right: 2%;
  z-index: 100;
  }

a.nav-toggle:hover{
  border-radius: 15px 5px 15px 5px;
  background-color: #e6ecf1;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
  }
.nav.nav-aberta {
	   position: relative;
	   height: 0;
     margin-top: 70px;
 }
 nav {
  width: 100%;
  clear: both;
  position: absolute;
  float:none;
  top: 0; left: 0;
  z-index: 200;
  height:0;
}
nav ul {
  padding:.5em;
  margin-top: 1em;
  background-color:#e6ecf1;
  border-radius: 15px 5px 15px 5px;
}
nav li {
  display: block;
  border-bottom: 1px solid #FFF;
}
nav a {
	display:block;
  font-weight: bold;
	padding:.7em 1em;
	text-decoration: none;
	font-size: 1.6em;
  font-size: 1rem;
}
nav a:hover {	background-color: #00d4aa;}

}


/* 4 - parallax
 ################################################## */
 .parallax {
   background-position: center top;
   background-repeat: no-repeat;
   background-attachment: fixed;
   min-height: 500px;
 }
 @media screen and (min-width: 750px)  {  
  .parallax { background-image: url(images/advogado-porto-portugal-g.jpg) ; }
}

@media screen and (max-width: 749px)  {
  .parallax { background-image: url(images/advogado-porto-portugal-p.jpg) ; }
}


@media screen and (min-width:960px) {
  .ctelefone, .cendereco, .cemail {
    width: 33%;
    float: left;
    box-sizing: border-box;
    padding: 0 2em;
  }
}



@media screen and (max-width: 959px) and (min-width:580px)  {

  .ctelefone, .cemail {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 2em 50px;
  }
  .cendereco{clear: both;}
}

/* 5 - blog - home   E página de resultado de pesquisa
 ################################################## #58c194 #32c184 #02824b #1a6243  #015531 */

.blog{
     background: url("images/bggranulado.jpg") repeat fixed #cbf2f7;
 }
 

/* 6 - Contacto
################################################## */
/*rodapé*/
#contactog {
	background-color:#214478;
	padding: 30px 0;
}
.ctelefone, .cendereco, .cemail {
  padding-left: 70px;
  color: #fff;
  min-height:90px;
  vertical-align: middle;
  display:block;
  }
.ctelefone{ background: url("images/PSRfone.svg") no-repeat 0 0;}
.cendereco{ background: url("images/PSRplace.svg") no-repeat 0 0; }
.cemail{ background: url("images/PSRemailer.svg") no-repeat 0 0;}

/*pagina contacto*/
.mapag {clear: both; padding-top: 20px;}


/* 7 - footer
################################################## */
footer {
	background:#647079;
}
footer .searchform {
  padding: 2em 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2em;
  line-height: 2em;
}
footer .searchform label{
  color: #fff;
  font-size: 1.6em;
}
footer .searchform input{
  margin: 0 .4em;
}
.searchform input{max-width: 200px;}

footer .rodape  {
	color: #333;
	text-align: center;
  line-height: .6em;
  display: block;
  padding-top: 20px;
}
footer .rodape strong  {font-size: 1.3em; font-size: .8rem; margin: 0;}
footer p {font-size: 1.3em; font-size: .8rem; }
footer .rodape span  {font-size: .8em; font-size: .6rem;}

footer span a {
	color: #333;
  text-shadow: none;
}
/* 8 -  Páginas internas
################################################## */
.breadcrumbs{padding: .3em;}
#crumbs a, #crumbs span {
	padding: .5em;
	display: inline-block;
  font-size: .8rem;
}

.content{	padding: 2em 0 0;}

.content img{
  border-radius:1em;
  max-width: 100%;
}



.imaposts {
  padding:10px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5ddf2+0,afd1ea+50,d5ddf2+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left, rgba(213,221,242,0) 0%, rgba(175,209,234,1) 50%, rgba(213,221,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(213,221,242,0) 0%,rgba(175,209,234,1) 50%,rgba(213,221,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(213,221,242,0) 0%,rgba(175,209,234,1) 50%,rgba(213,221,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5ddf2', endColorstr='#00d5ddf2',GradientType=1 ); /* IE6-9 */
}
/*Contacto*/

input[type=submit] {
 padding: .2em 1em;
 border-radius:.5em;
 text-align: center;
 font-size: 1rem;
 margin:.5em 0 20px;
 border: 4px double #fff;
 background-color: #214478;
 color: #fff;
 border-radius:20px;
}
.widgets input[type=submit] {
 border-color: #888;
 color: #555;
}

input[type=submit]:hover,
#searchsubmit:hover {
 background-color: #00d4aa;
 color:#214478;
 text-shadow: 1px 1px 1px #fff;
 border: 4px double #214478;
}
input[type=text],
input[type=email],
textarea {
  border-radius:20px;
  padding: 6px 10px;
  border: 1px solid #214478;
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  background-color: #d9fff2;
    border: 1px inset  #32c184;
}

#email-notes{display: block; }



.sidebarfooter{
  padding: 1.5em 0 0;
  overflow: hidden;
}

.sidebarfooter .box h2 {font-size: 1.2rem;}
.sidebarfooter .box ul {padding-left: 1em;}
.sidebarfooter .box li {padding: .5em 0;}
.sidebarfooter .box a {
  font-size: 1rem;
  line-height:1.5em;
  padding: .5em 0;
}