/*
Theme Name: CB Arq
Author: StreetDog
Author URI: http://www.streetdog.pt
Version: 1.0.0
Text Domain: cbarq
Tags:


*/

body {

background: #1a1a1a;
margin: 0;
padding: 0;
font-family: "Roboto Condensed",sans-serif;
font-size: 14px;
}

img {

max-width: 100%;
height: auto;
}

img.alignleft {
  
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

img.alignright {
  
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

hr {
  
border: none;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

p {
  
margin-bottom: 15px; 
}

a {
  
text-decoration: none;
color: #F26522;
}

/**
* Header
*/

#header-container {

background: #ffffff;
}

header#masthead {

max-width: 1180px;
margin: 0 auto;
}

header#masthead .col-left {
  
float: left;
width: 30%;
}

header#masthead .col-right {

float: right;
width: 70%;
}


/**
* Sub Menu
*/

.sub-menu {

text-align: center;
background: #f2f2f2;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
min-height: 10px;
}

.sub-menu ul.menu {
  
margin: 20px 0; 
}

.sub-menu ul.menu li {
  
display: inline-block;
margin: 0 10px;
}

.sub-menu ul.menu li a {
  
color: #999999;
text-transform: uppercase;
text-decoration: none;
font-size: 0.9em;
}

.sub-menu ul.menu li.current-menu-item a {

color: #e95d0f;
}

#main article {
  
max-width: 960px;
margin: 0 auto;
}

.single-portfolio #main article {

max-width: 1180px;
margin: 0 auto;
}
  
  
/**
* Portfolio Areas - Homepage
*/

#portfolio-areas {
  
max-width: 942px;
margin: 0 auto 100px;
}

#portfolio-areas .thumbnail {

position: relative;
float: left;
margin-right: 2px;
margin-bottom: 2px;
max-width: 234px;
}

#portfolio-areas .thumbnail:nth-child(4n+1) {
  
margin-right: 0;
}

#portfolio-areas .thumbnail .title {
  
position: absolute;
bottom: 0;
right: 0;
background: #333333;
font-size: 1.4em;
font-weight: 300;
text-transform: uppercase;
color: #ffffff;
padding: 5px 15px;
pointer-events: none;
}

#portfolio-areas h2 {
  
color: #b2b2b2;
font-size: 3em;
font-weight: 300;
text-transform: uppercase;
text-align: center;
padding: 80px 0;
}


/**
* Quem somos
*/

#quem-somos-container {

width: 100%;
background: #f2f2f2;
padding: 75px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}


#quem-somos {

max-width: 1180px;
margin: 0 auto;
}

#quem-somos h2 {

color: #b2b2b2;
font-size: 3em;
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin-bottom: 50px;
}

#quem-somos .col {
  
float: left;
width: 50%;
text-align: center;
padding: 0 70px;
}

#quem-somos .col .thumbnail {
  
margin-bottom: 40px;  
}

#quem-somos .col .thumbnail img {
  
border-radius: 200px;
}

#quem-somos .title {
  
font-size: 1.5em;
font-weight: 300;
color: #333333;
text-transform: uppercase;
margin-bottom: 20px;
}

#quem-somos .content {
  
font-size: 1.2em;
font-weight: 300;
color: #808080 
}

#quem-somos .profiles {
  
margin-bottom: 60px; 
}

#quem-somos a.readmore {

background: #cccccc;
display: block;
width: 250px;
text-align: center;
margin: 0 auto;
padding: 15px;
border-radius: 50px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}

/**
* Clientes
*/

#clientes {
  
max-width: 1180px;
margin: 0 auto;
padding: 50px 0 ;
}

#clientes h2 {
  
color: #b2b2b2;
font-size: 2.2em;
font-weight: 300;
text-transform: uppercase;
text-align: center;
margin-bottom: 50px; 
}


/**
* Content
*/

#content {

padding: 40px 0;
background: #ffffff;
}

.home #content {

padding-top: 0;
}

h1.entry-title {
  
font-size: 2.2em;
color: #808080;
text-transform: uppercase;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 15px;
margin-bottom: 25px;
}

.featured-image {
  
margin-bottom: 30px; 
}

.page .entry-content {

margin-bottom: 80px;
}

.page .entry-content h2 {
  
text-transform: uppercase;
font-size: 1.6em;
font-weight: 400;
color: #b2b2b2;
margin-bottom: 10px;
}

.page .entry-content p {
  
font-size: 1.1em;
font-weight: 300;
line-height: 1.6;
}

.entry-content.contactos {

margin-bottom: 20px;
}

.entry-content.contactos .col-left {
  
float: left;
width: 50%;
}

.entry-content.contactos .col-right {
  
float: right;
width: 50%;
}



/**
* Portfolio Category
*/

#portfolio-grid {

max-width: 1180px;
margin: 0 auto 50px;
}

#portfolio-grid .projects {

margin: 0 -1px;
}

#portfolio-grid .project {
  
float: left;
position: relative;
margin: 1px;
}


#portfolio-grid .project .title {
  
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px;
padding: 5px 10px;
background: rgba(0,0,0,0.5);
color: #ffffff;
font-size: 0.95em;
font-weight: 300;
pointer-events: none;
}


/**
* Portfolio Single
*/

.single-portfolio .project .col-left {
  
float: left;
width: 320px;
margin-right: 62px;
}

.single-portfolio .project .col-right {
  
float: right;
width: 798px;
}

.single-portfolio .descricao {

margin-bottom: 40px;
}

.single-portfolio .row .label {
  
float: left;
width: 40%;
color: #444444;
}

.single-portfolio .row .desc {
  
float: right;
width: 60%;
text-align: right;
font-weight: 700;
color: #444444;
}

.single-portfolio .galeria-imagens {

margin: 0 -1px;
}

.single-portfolio figure.gallery-item {
  
margin: 1px;
float: left;
}


.single-portfolio .imagem-destaque {

margin-bottom: 50px;
}

.single-portfolio .galeria-imagens h2 {

font-size: 0.9em;
font-weight: 400;
color: #b2b2b2;
text-transform: uppercase;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 5px;
margin-bottom: 15px;
}

.single-portfolio .ficha-tecnica h2 {

font-size: 0.9em;
font-weight: 400;
color: #b2b2b2;
text-transform: uppercase;
}

.single-portfolio .row {

border-bottom: 1px solid #d9d9d9;
padding: 10px 0;
}

.single-portfolio .row:last-child {

border-bottom: none;
}

/**
* Footer
*/

footer#colophon {
  
background: #f2f2f2;
border-top: 1px solid #d9d9d9;
padding: 50px 0;
}

footer#colophon .site-info {
  
max-width: 1180px;
margin: 0 auto;
}

footer#colophon .site-info .col-left {
  
width: 30%;
float: left;
}

footer#colophon .site-info .col-right {
  
width: 70%;
float: right;
}

footer#colophon .site-info .col-right section {
  
float: left;
width: 22%;
color: #808080;
font-weight: 300;
}

footer#colophon .site-info .col-right section p {
  
margin-bottom: 0; 
}

footer#colophon .site-info .col-right section:nth-child(1) {
  
width: 34%; 
}

/**
* Bottom
*/


#bottom {
  
background: #1a1a1a;
text-align: center;
color: #efefef;
padding: 15px 0;
font-size: 0.8em;
font-weight: 300;
}


/**
* Pagination
*/

.pagination {

max-width: 1180px;
margin: 0 auto;
text-align: center;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {

color: #fff;
text-decoration:none;
}

.navigation li {

display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {

background: #d9d9d9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}

.navigation li.active a {

background: #a6a6a6;
}


/**
* Ubermenu custom styles
*/


.ubermenu-skin-vanilla.ubermenu-horizontal ul.ubermenu-submenu {

padding-bottom: 10px !important;
}

.ubermenu-skin-vanilla.ubermenu-horizontal ul.ubermenu-submenu .ubermenu-target-text {

text-transform: uppercase !important;
}



/**
* Slick Slide
*/

.slick-track {

margin-bottom: 20px;
}

.slick-slide img {

margin: 0 auto;
}

.slick-dots li button::before {

font-size: 10px !important;
color: #cccccc;
}

.slick-dots li.slick-active button:before {

color: #f26522;
}

.slick-dots li {

margin: 2px;
}