/*
Theme Name: Diana Sousa
Author: Diana Sousa
*/

/* --- TYPOGRAPHY AND MAIN CONTENT --- */

html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
font-size:14px;
font-family: 'Open Sans', sans-serif;
color:#000;
}

html{
overflow-x:hidden;
}

body, button, input, select, textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}

.fn {
color:#3a6286;
font-weight:normal;
font-style:normal;
text-transform:uppercase;
}

.avatar{
position:relative;
float:left;
margin-right:10px;
}

.fn a{
font-style:normal;
text-decoration:none;
color:#3a6286 !important;
}

.says {
color:#3a6286;
}

b.fn a{
color:#3a6286;
}

p{
margin-top:15px;
}

h1 {
font-family: 'Open Sans', sans-serif;
font-size:18px;
color:#497196;
font-weight:normal;
text-transform:uppercase;
}

h2 {
font-family: 'Bitter', serif;
font-size:16px;
color:#3e2e83;
text-transform: uppercase;
}

h2.comments-title {
margin-bottom:10px;
color:#9e0b0f;
font-family: 'Open Sans', sans-serif;
}

h2.comments-title span {
color:#9e0b0f;
}

h3 {
font-size: 16px;
color: #9e0b0f;
font-weight: normal;
}

h3.sd-title{
display:inherit; !important
}

/* QUOTE */
blockquote{
padding: 10px;
background-color: rgba(122, 160, 195, 0.25) !important;
  border-left: 5px solid #497196 !important;
margin: auto;
margin-top:15px;
width:80%;
text-align:center;

}

blockquote p {
	margin:0;
}

.quoteText{
display:block;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

/* BACKGROUND */
body {
background:url(/wp-content/uploads/2016/01/vintage_speckles.png) repeat; 
background-size: 400px;
}


/* --- CONTENT --- */

/* WRAPPER */
.content-area a{
color:#9e0b0f;
text-decoration:none;
}

/* LOGO */

.headerLogo{
      width: 100%;
    height:60px;
    background: #567CA0;
    box-shadow: 0 2px 1px #4A4A4A;
    position: fixed;
    top: 0;
    border-bottom: 5px solid #3B5267;
    z-index: 9999;
}

.logo2{
width: 225px;
    margin: auto;
    margin-top: 6px;
     margin-left: 175px;
}



/* HOME IMAGES */
.home-images {
list-style: none;
padding:0;
margin:0;
}

.home-images li{
float:left;
margin:auto;
width:250px;
margin-left:22px;
overflow:hidden;
height:150px;
margin-bottom:20px;
}

.home-images li#first{
float:left;
margin:auto;
width:250px;
margin-left:0px;
overflow:hidden;
height:150px;
margin-bottom:02px;
}

.caption-home {
color: #FFF;
margin-top: -50px;
height: 15px;
padding: 5px;
font-size: 14px;
font-family: 'Bitter', serif;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 1px #000;
}



/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}


#secondary {
margin-top:30px;
}

/* PRIMARY CONTENT */

#primary {
width:72%;
}

#primary-main {
    width: 1250px;
    margin: auto;
    margin-top: 50px;
}
.entry-meta {
margin-bottom: 40px;
}

.entry-content-main{
width:100%;
}

.entry-content{
width:100%;
}
.entry-content2 a{
color:#497196;
text-decoration:none;
}

/*.entry-content p:first-letter{
font-size:30px;
color:#9e0b0f;
}*/

.entry-content a{
color:#9e0b0f;
text-decoration: none;

}

.entry-title {
font-family: museoslab-500;
font-size: 20px;
color: #3a6286;
font-weight: normal;
margin-bottom: 0px;
text-align: center;
}

.entry-title a{
font-family: MuseoSlab-500;
font-size: 28px;
color: #3a6286;
font-weight: normal;
text-transform: none;
margin-bottom: 15px;
text-decoration: none;
font-variant: small-caps;
}

.entry-footer{
margin-bottom:20px;
width:100%;
}




/* FOOTER */
.site-footer{
background:url(http://i57.tinypic.com/10cnbjt.png) no-repeat;
background-position-y:-7px;
background-size:920px;
clear: both;
width: 870px;
margin-left: -20px;
height: 81px;
min-height:81px;
margin-bottom: -67px;
padding: 20px;
}

.site-info {
font-family:MuseoSlab-500;
font-size:13px;
color:#7c6a52;
height:90px;
}

.site-info p{

}

.site-info a{
text-decoration:none;
color:#432e12;
font-size:13px;
}


/* SLIDESHOW */
.nivo-caption {
text-align:center;
} 

.slider-wrapper.theme-default{
margin-bottom:20px;
}


/* FORMS */

form-submit {
margin-bottom:15px;
}

.comment-form {
margin-bottom: 20px;
}

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb; 
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}



/* --- MENUS --- */

.menu{
float:left;
width: 100%;
position:relative;
}

.main-navigation2 {
clear: both;
    display: block;
    width: 725px;
    height: 50px;
    float: right;
top: 10px;
    right: 15%;
    position: absolute;
}


.main-navigation2 ul {
	width:100%;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
text-transform:uppercase;
left:10px;

}



/* MENU BUTTONS */

.main-navigation2 li {
    width: auto;
    text-align: center;
    display: inline-block;
    padding: 0 12px 0 12px;
    border-right: 1px inset #39658e;
    margin-top: 10px;
}

.main-navigation li a {
display: block;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-family: inherit;
    text-shadow: 1px 2px rgb(37, 60, 82);

}

.main-navigation2 li a {
	display: block;
	text-decoration: none;
	color:#FFF;
	font-size: 16px;
font-family: 'Open Sans', sans-serif;

}


/* SUBMENU */

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 30px;
	left: -999em;
	z-index: 99999;
	color:#FFF;
}

.main-navigation2 ul ul {
	float: left;
	position: absolute;
	top: 30px;
	left: -999em;
	z-index: 99999;
	color:#000;
}

.main-navigation ul ul ul {
	left: -999m;
	top: 0;
}

.main-navigation2 ul ul ul {
	left: -999m;
	top: 0;
}
.main-navigation ul ul a {
	color:#fff;
	text-weight:bold;
	font-size:11px;
	padding-top:5px;
}

.main-navigation2 ul ul a {
	color:#fff;
	text-weight:bold;
	font-size:11px;
	padding-top:5px;
}

.main-navigation ul ul li {
	background-color:#ffF;
position:relative;
	width: 100px;
	top: 30px;
	padding:5px;
	left: 15px;
	height:auto;
margin-left:345px;
}

.main-navigation2 ul ul li {
	background-color:#ffF;
position:relative;
	width: 100px;
	top: 30px;
	padding:5px;
	left: 15px;
	height:auto;
margin-left:345px;
}

.main-navigation ul ul li a{
	color:#432e12 !important;
font-size:14px;
}

.main-navigation2 ul ul li a{
	color:#432e12 !important;
font-size:14px;
}


/* BUTTONS HOVER */
.menu li:hover {
}

.menu ul ul li:hover {


}

/* CURRENT PAGE */
.main-navigation .current_page_item a {
color:#9e0b0f;
}

.main-navigation .current_page_item {

}

.main-navigation ul ul .current_page_item {

}

.main-navigation ul ul .current_page_item a{
color:#FFF;
}

.menu-item.menu-item-type-post_type.menu-item-object-page li a{
color:#FFF;
}


/* LINKS HOVER */
.main-navigation li:hover > a {
color: #432e12;
}

.main-navigation ul ul li:hover > a {
color:#FFF;
text-decoration:underline;
}


.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.entry-content a:hover {
color:#000000;
text-decoration:underline;
}




/* SMALL MENU */
.menu-toggle {
	display: none;
}
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* --- 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:hover,
.screen-reader-text:active,
.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-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 */
}



/* --- CLEARINGS --- */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* --- POSTS AND PAGES --- */


.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}

#post-2.hentry {
	margin: 0 0 1.5em;
border-bottom:0px;
}

#post-6.hentry {
border-bottom:0px;
}

#post-19.hentry {
border-bottom:0px;
}

.entry-header{
margin-top:30px;
}

.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.comment-content {
	padding-left:9%;
}
.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
padding: 10px;
padding-bottom: 0px;
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
box-shadow: 2px 2px 5px #7A7A7A;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
font-size: 11px;
line-height: 17px;
}
.wp-caption .wp-caption-text {
margin-top:5px;
margin-bottom:7px;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin:20px;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width:29%
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 16%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

#colorbox:focus {
	outline: none !important;
}

li.afp-single-item:focus {
outline: none !important;
}

#cboxOverlay {
    background: url(http://www.portfolio.dianasousa.com/wp-content/plugins/awesome-filterable-portfolio/css/images/overlay.png) repeat 0 0 !important;
}

#cboxTitle {
background-color: rgba(255, 255, 255, 0.75);
}

#cboxWrapper:focus {
	outline: none !important;
}

#cboxWrapper{
background-color:transparent !important;
}


#cboxCurrent {
display: none !important;
}

.da-thumbs {
margin-top:100px;
}
.da-thumbs li {
margin:3px !important;
}

.buttonsP{
width:500px;
margin:auto;
height:auto;
}

.portfolio{
width:100%;
min-height:300px;
}

/*** RESTTING ***/
ul#afp-filter, ul#afp-filter li, ul.afp-items, li.afp-single-item, ul.afp-item-details, ul.afp-item-details li{
	margin: 0;
	padding: 0;
}
/****************/

ul#afp-filter{
	display: block;
width:841px !important;
margin:auto !important;
position:relative !important;
	list-style: none;
margin-bottom: 30px !important;
}

ul#afp-filter li{
	display: inline-block;
padding-right: 0 !important;
}

ul#afp-filter li a{
color:#000;
    overflow: hidden;
    height: auto;
    margin: -1px -1px 0 0;
    padding: 10px 20px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
	display: inline-block !important;
}


ul#afp-filter li a:hover{
background-color: #f4f4f4;
}


ul.afp-items{
	display: block;
	list-style: none;
	padding-top:15px !important;
}

li.afp-single-item{
	float: left;
margin-right:10px !important;
margin-bottom:10px !important;
padding: 0px !important;
}

ul.afp-item-details{
	display: none !important;
	list-style: none;
}

.afp-active-cat{
	font-weight: bold;
color:#497196;
}

.afp-active-cat a{
color:#497196 !important;
}

/*** Clear Fix ***/
.afp-clear{
	clear: both;
}

ul#afp-filter{
	width:785px !important;
}

/*** MOBILE ***/

@media only screen and (max-width : 499px) {
	#primary-main {max-width:500px !important;}
	
	.headerLogo {
		max-width:500px;
		position: inherit !important;
		text-align:center;
		height: 100px !important;
	}
	
.logo2 {
	    float: left;
    margin-left: 13%;
	}	
	
	.main-navigation2 {
    /* clear: both; */
    width: 100%;
    max-width: 350px;
    position: relative;
	left: 0;
    float: left;
		margin-top:-10px;
	}
	
	.menu-toggle { display:none;}
	
	.main-navigation2 ul {
		left: 0px;
	}
	
	.main-navigation2 li {
	    padding: 0 4px 0 4px;
		margin-top: 2px;
	}
	
	.main-navigation2 li a {
    color: #FFF !important;
    font-size: 14px;
}
	.portfolio {
		width:100%;
		max-width: 450px;
		padding-top:0px;
		margin-top: -40px;
	}
	
	ul#afp-filter {
		max-width: 350px !important;
		margin-left: 15px !important;
	}
	
	ul#afp-filter li a {
		padding: 10px 10px !important
	}
}

@media only screen and (min-width : 500px) and (max-width : 799px) {
	.headerLogo {
		position: inherit !important;
	}
	
.logo2 {
	margin-left: 15px;
	float:left;
	}	
	.menu-toggle { display:none;}
	
		.main-navigation2 {
		clear: inherit;
      width: 50%;
	position:relative;
     float: left;
			left:0;
	}
	
	.main-navigation2 li {
	    padding: 0 4px 0 4px;
		margin-top: 2px;
	}
	
	.main-navigation2 li a {
    color: #FFF !important;
    font-size: 14px;
}
	.portfolio {
		width:100%;
		max-width: 700px;
	}
	
	ul#afp-filter {
		max-width: 500px !important;
		margin-left: 20px !important;
	}
	
	ul#afp-filter li a {
		padding: 10px 10px !important
	}
}

@media only screen and (min-width : 800px) and (max-width : 1250px) {
	.headerLogo {
		height:80px;
	}
	
	.logo2 {
	margin-left: 4%;
	float:left;
	}
	
	.main-navigation2 {
		clear: inherit;
      width: 60%;
	position:relative;
     float: left;
	left:0%;
		margin-top: -5px;
	}
	
	.main-navigation2 li {
	padding: 0 10px 0 10px;
	}
	
	.main-navigation2 li a {
	font-size: 15px;	
	}
}