/*
Theme Name: Vicky Barcelona
Theme URI: http://themes.maquinastudio.com
Description: An elegant and minimalist photography portfolio theme for WordPress
Author: Maquina Studio
Author URI: http://maquinastudio.com
Version: 1.0
*/

/* #General
================================================== */
body{background:url('../images/bg/white-noise.png');}
#line-deco{position:absolute;top:0px;width:100%;height:36px;background:url('../images/top-lines.jpg');}
.line{width: 100%;height:2px;background:url('../images/line.jpg');background-repeat: repeat-x;margin: 12px 0;}

/* #Typography
================================================== */
body{font-size: 0.8em;font-family:'Helvetica', Arial, sans-serif;color: #747474;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6, nav,#wp-calendar caption {font-family: 'Cabin', sans-serif;font-weight: 500;color:#585858; }
h1{font-size: 2.3em;line-height:1.2em;margin-bottom:5px;}
h2{font-size: 1.9em;line-height:1.2em;margin-bottom:5px;}
h3{font-size: 1.6em;line-height:1.2em;margin-bottom:5px;}
h4{font-size: 1.3em;line-height:1.2em;margin-bottom:5px;}
h5{font-size: 1.1em;line-height:1.2em;margin-bottom:5px;}
h6{font-size: 0.9em;line-height:1.2em;margin-bottom:5px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;}
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }
blockquote {font-size: 1.7em;font-family:Georgia, Times, serif;font-style: italic; line-height:1.5em;padding: 0 30px;background:url('../images/icon-quote.png')no-repeat top left;color: #656565;margin:0 30px 20px 30px;}
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
blockquote p{margin: 0;}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0;}
#main{line-height: 1.8em;}
#main .archive a, #main .archive a:hover{color: #747474;}
#main .archive h2{margin-bottom:10px;}
#main footer p{line-height:1.9em;}
footer h2{font-size: 1.1em;margin-bottom:10px;}
.subheader { color: #777; }
footer .box p, footer .box span, .sub-footer, .wp-caption-text, .gallery-item p, .twitter-box p{font-family: Georgia,serif;font-style: italic;}
footer .box p, footer .box span{line-height: 1.5em;}
#main .info p{font-family: Georgia,serif;font-style: italic;line-height:1.0em;}
#main .info h3{font-style: normal;}
#main #sidebar h3{font-size: 1.2em;text-align: center;}
.wp-caption-text, .gallery-item p, #portfolio-item h1{text-align: center;margin-bottom: 10px;}
.gallery-item p{margin-bottom: 10px;}
.gallery-item{margin-bottom: 40px;}

/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 35px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

/* #Header
================================================== */
/* header{border-bottom:2px solid #818080;} */
header #logo{margin:110px auto 60px;text-align:center;width: 70%;}
header #navbar{width:100%;height:44px;margin:0 0 6px 0; position:relative;text-align: center;}
header .ornament-L{width:43px;height:31px;background:url('../images/ornament-nav.png');position:absolute;bottom:-2px;left:0px;background-size: cover;}
header .ornament-R{width:43px;height:31px;background:url('../images/ornament-nav.png');background-position:right;position:absolute;bottom:-2px;right:0px;background-size: cover;}

/* #Navigation
================================================== */
nav{font-family: 'Cabin', sans-serif;font-size: 1.1em;width: 91.2%;height:100%;display: inline-block;text-align: center;background:url('../images/line.jpg');background-repeat: repeat-x;background-position: bottom;}
#navbar nav ul.menu li{display:inline;margin: 0 16px;}
#navbar nav ul.menu ul{font-size: 0.9em;}
.tinynav { display: none }

/* #Links
================================================== */
a{outline: none;}
#sub-footer a, #sub-footer a:visited{color:#585858;}
a, a:visited, a:hover, a:focus, #main article header a:hover h1, #main .widget ul li a:hover, #sub-footer a:hover, #sub-footer a:focus, .nivo-caption a:hover{ color: #63b697;text-decoration: none;}
nav a, nav a:visited{color:#585858;}
nav li a:hover, nav li.active a, nav li.current-menu-item a{color:#63b697;text-decoration: none;}
.nivo-caption a{color: #fff;}
nav ul li a,#sub-footer a, #main .prev a span, #main .next a span, #main #content .page-numbers a, #main article header a h1, #main .widget ul li a, #main form.contact .send, #main #commentform input[type="submit"], .nivo-caption a, .tag-cloud a, .archives a, .recent-posts a, .recent-comments a, #wp-calendar tbody td{
	outline: 0;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	transition:.5s;
	} 
	
/* #Intro
================================================== */
#intro{text-align: center;font-family: Georgia, Garamond, serif; font-size: 1.7em; font-style: italic; line-height: 1.5em;}
#intro p{margin:70px 50px 60px 50px;}

/* #Footer
================================================== */
footer .box{position: relative;}
footer .fourth.box{text-align:right;}
footer .box p, footer .box span, #sub-footer{font-family: Georgia,serif;font-style: italic;}
footer .box p span{display:block;}
footer .box span.email{margin: 20px 0;display: block;width: 100%;}
footer #sub-footer{width: 100%;padding: 0 0 20px 0;}
footer #twitter-icon{width:21px;height:18px;background:url('../images/icon-twitter.png');position: absolute; left: 42%;top:0;}
footer .line{margin: 12px 0 20px 0;}
#sub-footer .line {margin:20px 0;}

/* #Recent Work
================================================== */
#recent-work{position: relative;}
#recent-work #separator-mid{height:41px;}
#recent-work #ornament-mid{width:76px;height:100%;background:url('../images/ornament-mid.png');background-size:cover;display: inline-block;float: left;}
#recent-work .line-mid{width:442px;height:100%;background:url('../images/line.jpg');background-repeat: repeat-x;background-position-y: 50%;display: inline-block;float: left;}
#recent-work h2{margin: 25px 0;font-size: 1.2em;}
#recent-work-slider{width: 100%;}
#recent-work-slider .recent-work-nav a{width: 12px; height: 24px;position: absolute;top:100px; left: -24px;background:url('../images/button-work-nav.png');text-indent: -9999px;}
#recent-work-slider .recent-work-nav.next a{left: 972px; background-position: right;}
#recent-work .view{display:block;margin: 25px 0;font-family: Georgia, serif;font-style: italic;font-weight: bold;}
#recent-work img{box-shadow: 0px 1px 4px #898989;-webkit-box-shadow:0px 1px 4px #898989;-moz-box-shadow:0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;}
#recent-work li .caption{position:absolute;bottom:12px;left:12px; width:92.3%;background-color: #000;color:#fff;opacity:0;font-family: Georgia, serif;font-weight: bold;font-style: italic;pointer-events:none;}
#recent-work li .caption span{margin: 20px 0;display: block;}

/* #Portfolio
================================================== */
#portfolio { width: 960px; margin: 0 auto; left: 1px;}
#main #portfolio.four-cols .item{width: 225px;margin: 0 15px 15px 0;float: left;position:relative;overflow: hidden;box-shadow: 0px 1px 4px #898989;-webkit-box-shadow:0px 1px 4px #898989;-moz-box-shadow:0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;line-height: 0;}
#main #portfolio.four-cols .item:nth-child(4n+4) { margin-right: 0;}
#main #portfolio.three-cols .item{width: 305px;margin: 0 15px 15px 0;float: left;position:relative;box-shadow: 0px 1px 4px #898989;-webkit-box-shadow:0px 1px 4px #898989;-moz-box-shadow:0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;line-height: 0;}
#main #portfolio.three-cols .item:nth-child(3n+3) { margin-right: 0; }
#main #portfolio.two-cols .item{width: 465px; margin: 0 15px 15px 0;float: left;position:relative;overflow: hidden;box-shadow: 0px 1px 4px #898989;-webkit-box-shadow:0px 1px 4px #898989;-moz-box-shadow:0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;line-height: 0;}
#main #portfolio.two-cols .item:nth-child(2n+2) { margin-right: 0;}
#main #portfolio-item img{box-shadow: 0px 1px 4px #898989;-webkit-box-shadow:0px 1px 4px #898989;-moz-box-shadow:0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;}
#portfolio .item img{width: 100%;}
#portfolio .item a{padding:0;margin: 0;}
#portfolio .item span{position:absolute;bottom:0;left:0; width:100%;padding: 20px 0;display: block;background-color: #000;color:#fff;opacity:0;font-family: Georgia, serif;font-weight: bold;font-style: italic;pointer-events:none;line-height: 1.0em;}
#main #filter{margin-bottom:30px;}
#main #filter ul{margin-bottom: 0;}
#main #filter ul li{display:inline;height:32px;padding:8px;line-height:2.5em;}
#main #filter ul li.active{height:32px;border-radius:5px; background-color: #e4e4e4;box-shadow: inset 0px 1px 3px #999;-webkit-box-shadow: inset 0px 1px 3px #999;-moz-box-shadow: inset 0px 1px 3px #999;border-bottom:#fff;border-bottom:1px solid #fff;border-top:none;border-right:none;border-left:none;}
#main #filter ul li a{font-family:Georgia, serif; font-style:italic; color:#9a9a9a;text-decoration:none;font-size:0.9em;}
.item-nav .line{margin: 12px 0 20px 0;}
#portfolio, #filter, #portfolio-item{opacity:0;}
.loader{z-index: 999;background:url(../images/loader.gif)50% 50% no-repeat;opacity:0.6;z-index: 999;background-color: transparent;width: 100%;height: 300px;}
#portfolio-loader.loader{top:150px;}
#home-loader.loader{position:absolute;top:350px;}
#widget-loader.loader{position:relative;top:-100px;}

/* #Main
================================================== */
#main{padding: 30px 0 10px 0;}
#main #content img, #main #sidebar img, #main .row img{box-shadow: 0px 1px 4px #898989;-moz-box-shadow: 0px 1px 4px #898989;-webkit-box-shadow: 0px 1px 4px #898989;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:12px solid #fff;margin-bottom:10px;}
#main #content .frame{width:100%;}
#main #content img.full, #main #sidebar img.full, #main .row img.full, #main article.excerpt img {width:100%;height:auto;}
#main #content ul{margin-left:15px;}
#main #content ul li{background: url('../images/bullet.png') no-repeat left 43%;padding-left: 15px;}
#main article{margin-bottom:20px;}
#main article .view{display:block;margin: 0;font-family: Georgia, serif;font-style: italic;font-weight:bold;}
#main article .date, #main article .author, #main article .comments{display:block;font-family: Georgia, serif;font-style: italic;display:inline;color:#9d9d9d; font-size:0.9em;padding:0;}
#main article .comments{background: url('../images/icon-comment.png') no-repeat left 43%;padding-left: 20px;}
#main article h1, #main article header a h1, #main article header a:visited{margin-bottom:0;padding:0;color:#585858;padding:0;}
#main article h1{width: auto;}
#main article header{border-bottom:none;}
#main article .info{margin-bottom:10px;}
#main article.excerpt p{margin-bottom:0;}
#main article .line{margin:40px 0 0 0;}
#main .item-nav{position:relative;}
#main .prev span{float:left;font-family: Georgia, serif;font-style: italic;color:#585858;}
#main .prev .arrow {
	background: url(../images/button-work-nav.png) no-repeat left top;
	display:block;
	outline: 0;
	width: 13px;
	height: 24px;
	margin-right:8px;
	}
#main .next span{float:right;font-family: Georgia, serif;font-style: italic;color:#585858;}
#main .next .arrow {
	background: url(../images/button-work-nav.png) no-repeat right top;
	display:block;
	outline: 0;
	width: 13px;
	height: 24px;
	margin-left:8px;
	}
#main .prev a:hover span, #main .next a:hover span {color: #63b697; }
#main .portfolio-button{position:absolute;left:49%;top:37px;}
#main .portfolio-button a {
	background: url(../images/icon-portfolio.png) no-repeat left top;
	display:block;
	outline: 0;
	width: 19px;
	height: 20px;
	text-indent:-9999px;
	}

/* #Widgets
================================================== */
#main .widget{
	width:100%;
	height:auto;
	margin: 0 0 35px 0;
	}
#main .widget.box, #main .widget.categories, #main .widget.recent-posts, #main .widget.archives, #main .widget.custom-menu, #main .widget.recent-comments {
	padding:5px 0 10px 0;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	background-color: #e4e4e4;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	text-align:center;
	}
#main .widget ul{width:90%;margin:0 auto;}
#main .widget ul li, footer .recent-posts ul li, footer .archives ul li, footer .recent-comments ul li{display:block;font-family: Georgia, serif;font-style: italic;border-bottom:1px solid #ccc;padding:14px 0;margin-bottom:0;}
#main .widget ul li:last-child, footer .recent-posts ul li:last-child, footer .archives ul li:last-child, footer .recent-comments ul li:last-child{border-bottom: none;}
#main .widget h3{padding:12px 0;border-bottom:1px solid #ccc;display:block;width:90%;margin: 0 auto;}
#main .widget.recent-works-slider li, #main .widget.recent-works-slider h3{border-bottom:none;padding:0;}
#main .widget.recent-works-slider h3{padding:0;width:100%;text-align:center;}


#main .widget.recent-works-slider li .caption{position:absolute;bottom:21px;left:12px; width:91.5%;padding: 20px 0;display: block;background-color: #000;color:#fff;opacity:0;font-family: Georgia, serif;font-weight: bold;font-style: italic;pointer-events:none;text-align:center;}


#main .widget.recent-works-slider li .caption p{margin-bottom: 0;}


#main .widget.recent-works-slider .bxslider{opacity:0;}


.quick-flickr-widget li.item, .quick-500px li.item, .quick-pinterest li.item {display: inline-block; float: left; margin: 0px;}
#sidebar .quick-flickr-widget, #sidebar .quick-500px, #sidebar .quick-pinterest{text-align: center; margin-bottom: 30px;}
#sidebar .quick-flickr-widget h3, #sidebar .quick-500px h3, #sidebar .quick-pinterest h3{border: none;}
#sidebar .quick-flickr-widget ul, #sidebar .quick-500px ul, #sidebar .quick-pinterest ul{width: 230px;}
#sidebar .quick-flickr-widget li.item, #sidebar .quick-500px li.item, #sidebar .quick-pinterest li.item {display: inline-block; float: left; margin: 0 7px;padding: 0; border: none;} 
#sidebar .quick-pinterest img{width: 100%;height: auto;}
footer .quick-flickr-widget img, footer .quick-500px img, footer .quick-pinterest img {height:70px; width:70px; }
footer .quick-flickr-widget ul, footer .quick-500px ul, footer .quick-pinterest ul{width: 100%;}
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center;font-size: 1.2em; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px;font-family: Georgia; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #e4e4e4; text-align: center; padding:8px;border: 1px solid #ccc;}
#wp-calendar tbody td:hover { background: #63b697;color: #fff;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right;font-family: Georgia;font-weight: bold;}
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px;font-family: Georgia;font-weight: bold; }
#sidebar .tag-cloud{text-align: center;}
#sidebar .tag-cloud h3{border: none;}
.tag-cloud a{background: #e4e4e4; text-align: center; padding:8px;font-size: 0.9em !important;color: #7b7b7b;font-family: Georgia;font-style: italic;border-radius: 3px;	-webkit-border-radius:3px; -moz-border-radius:3px;line-height: 3.2em;margin-right: 2px;}
.tag-cloud a:hover { background: #63b697;color: #fff;}
.twitter-box{
	width:100%;
	height:auto;
	position: relative;
	margin: 10px 0 0 0;
	padding:5px 0 10px 0;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	background-color: #e4e4e4;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	}
.twitter-box p{padding:10px 15px;margin-bottom: 0; line-height: 1.3em;}
.archives h2, .recent-posts h2, .recent-comments h2{border-bottom:1px solid #d6d6d6;padding-bottom: 10px;margin-bottom: 0;}
.archives a:hover, .recent-posts a:hover, .recent-comments a:hover{color:#63b697;}
footer .recent-posts ul li, footer .archives ul li, footer .recent-comments ul li{border-bottom:1px solid #d6d6d6;}
#main .widget ul li a, footer .recent-posts ul li a, footer .archives ul li a, footer .recent-comments ul li a{color:#7b7b7b;}
.tag-cloud a:hover {color: #fff !important;}


/* #Pagination
================================================== */
#main #content .page-numbers-wrap{width:100%;height:auto;}
#main #content ul.page-numbers{
	float: left;
	width:auto;
	height:auto;
	margin: 0;
	padding:5px;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	background-color: #e4e4e4;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	}
#main #content .page-numbers li{background:none;display:inline-block;padding:0;margin:0;}
#main #content .page-numbers a, #main #content .page-numbers span{padding:0 5px;color:#7e7e7e;background: none;font-family: Georgia, serif;font-style: italic;font-weight:bold;}
#main #content .page-numbers span, #main #content .page-numbers li a:hover{color: #63b697;text-decoration: none;}

/* #Search
================================================== */
#main #search{width:100%;position:relative;display:block;height:33px; margin: 0px !important;}
#main #search input[type="text"]{
	width:100%;
	height:auto;
	margin: 0;
	padding:8px;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	background-color: #e4e4e4;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #747474;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	}
#main #search button{height:17px; width:17px;border:none;position: absolute; right: 7px; top:8px;background:url('../images/button-search.png');cursor: pointer; }

/* #Form
================================================== */
#main form input, #main form span{float:left;}
#main form.contact span, #main #commentform label{margin-bottom:5px;font-family:Georgia, Times, serif;font-style:italic;}
#main form.contact input[type="text"], #main .contact input[type="email"],#main #commentform input[type="text"], #main #commentform input[type="email"]{
	width:100%;
	margin-bottom: 20px;
	padding: 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	background-color: #e4e4e4;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	color: #747474;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	}
#main form.contact .send, #main #commentform input[type="submit"] {
	height:32px;
	border: none;
	cursor: pointer;
	font-family: 'Cabin', sans-serif;
	font-size: 1.0em;
	color:#fff;
	background-color:#585858;
	padding: 0 20px;
	border-radius:5px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
	margin: 0;
	}	
#main form.contact .send:hover, #main #commentform input[type="submit"]:hover{background-color: #63b697;}
#main form.contact textarea, #main #commentform textarea{
	width: 100%;
	height:100px;
	margin-bottom: 10px;
	padding: 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	background-color: #e4e4e4;
	box-shadow: inset 0px 1px 3px #999;
	-webkit-box-shadow: inset 0px 1px 3px #999;
	-moz-box-shadow: inset 0px 1px 3px #999;
	border-bottom:1px solid #fff;
	border-top:none;
	border-right:none;
	border-left:none;
	color: #747474;
	overflow: auto;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	}
#main form.contact textarea{margin-bottom: 20px;}
#main #commentform input[type="text"]{width:50%;}
#main form.contact .alert { 
	display: none;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	width: 100%;
	padding:8px;
	margin-bottom: 15px;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	}
#main form.contact .error { 
	background: #e8b5b0;
	color:#ef4640;
	}
#main form.contact .success { 
	background: #a1cca1;
	color:#458c2e;
	}

/* #Comments
================================================== */
#main #comments-template{margin:20px 0;}
#main #comments-template h3, #main #respond h3{padding:5px 0;margin-bottom:15px;text-align:center;}
#main #comments-template img{border:none;box-shadow:none;}
#main #comments-template ol li, #main #comments-template ul li {list-style: none;background:none; }
#main #comments{margin: 0;}
#main #comments li{padding: 0;}
#main #comments p{font-size:0.9em;margin: 0;}
#main #comments .children{margin-left:55px;}
#main #comments .children .children{margin-left:130px;}
#main #comments .fn{font-weight:bold;display:inline-block;font-family: Georgia, Times, serif; font-style:italic;}
#main #comments .comment-body{position:relative;margin: 20px 0 40px 0;}
#main #comments .commentmetadata{display: inline-block;position: absolute; top:0; right:0;font-family: Georgia, Times, serif; font-style:italic;}
#main #comments .commentmetadata a{color:#9d9d9d;}
#main #comments img.avatar{border: 4px solid #fff; float:left;margin:0 15px 10px 0;width:50px; height:50px;position:relative;box-shadow: 0px 1px 4px #898989;-moz-box-shadow: 0px 1px 4px #898989;-webkit-box-shadow: 0px 1px 4px #898989;}
#main #respond #commentform input[type="text"]{width:50%;clear:both;}
#main #respond #commentform label{display: block;clear: both;}
#main #respond p{font-size:1.0em;}
#main #respond p.form-submit, #main #respond p.comment-form-comment{margin: 0 0 10px 0;}

/* #Images
================================================== */
img.scale-with-grid {max-width: 100%;height: auto; }
img.size-full, img.size-large, .gallery-item img{width:100% !important;height:auto !important;}
img.alignleft{float:left;margin:0 15px 0 0;}
img.alignright{float:right;margin:0 0 0 15px;}
img.aligncenter{text-align:center;}
footer img, .quick-flickr-widget img, .quick-500px img, .quick-pinterest img {
   opacity: 0.8;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
footer img:hover, .quick-flickr-widget img:hover, .quick-500px img:hover, .quick-pinterest img:hover {opacity: 1;}
footer img{
	border: 10px solid #fff; 
	box-shadow: 0px 1px 4px #898989;
	-webkit-box-shadow:0px 1px 4px #898989;
	-moz-box-shadow:0px 1px 4px #898989; 
	margin: 0 12px 7px 0;
}

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.stroke{border:1px solid red;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.center{text-align: center;}
#slideshow, #intro, #recent-work{opacity: 0;}
.social{height:34px;width:33px;display: inline-block;margin: 2px 3px;}
.social:last-child{margin-right:0;}
.button-facebook{background: url('../images/button-facebook.png');}
.button-twitter{background: url('../images/button-twitter.png');}
.button-flickr{background: url('../images/button-flickr.png');}
.button-linkedin{background: url('../images/button-linkedin.png');}
.button-pinterest{background: url('../images/button-pinterest.png');}
.button-google{background: url('../images/button-google.png');}
.button-behance{background: url('../images/button-behance.png');}
.button-500px{background: url('../images/button-500px.png');}
.button-vimeo{background: url('../images/button-vimeo.png');}
.button-youtube{background: url('../images/button-youtube.png');}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.fade:hover {opacity: 0.7;}
#swipebox-action, #swipebox-caption{font-family:Georgia, Times, serif;font-style: italic;}
#swipebox-action #swipebox-link {
  position: absolute;
  top:15px;
  left: 45%;
	}
.ie8 #recent-work img{border:2px solid #fff;}
.ie8 #recent-work li .caption{position:absolute;bottom:2px;left:2px; width:100%;}
.ie8 #main #sidebar .widget.recent-works-slider img{border: 2px solid #fff;}
.ie8 #main .widget.recent-works-slider li .caption{position:absolute;bottom:12px;left:2px;width:100%;}


/**FIX CHECKS**/

.sticky, 
.gallery-caption, 
.bypostauthor {

}

#search-box button {
    background: url(../images/search-icon-20px.png) no-repeat;
    border: 0;
    float: right;
    position: absolute;
    z-index: 12000;
    display: block;
    width: 18px;
    height: 18px;
    left: 140px;
    opacity: 0.5;
    background-size: 18px;
    cursor: pointer;
}

#search-box button:hover {
	/* background: url(../images/search-icon-20px-hover.png) no-repeat;
	background-size: 18px; 
	cursor: pointer; */
}

#search-box	.s {
	position: absolute;
    z-index: 11000;
    /* margin-left: 20px; */
    width: 130px;
    left: 0;
    /* background: #f1f4f5; */
    opacity: 0.3
}

#search-box	.s:hover {
	/* border: 2px solid #63b697; */
	opacity: 1; 
}

#search-box {
	position: absolute;
    /*left: 750px;
    top: 142px;
    */
	right: 160px;
    top: 50px;
}

iframe {
	max-width: 100%;
}
/* Hide slider controls */
#slideshow .line {
    margin: -90px 0 12px 0;
	}
@media only screen and (max-width: 767px) {
#slideshow .line {
    margin: -65px 0 12px 0;
	}
	}
.nivo-controlNav, .nivo-directionNav {
    display: none;
}	

.sbi_photo_wrap {
    opacity: 0.6;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

}

.sbi_photo_wrap:hover {
    opacity: 1;
}


#sidebar .widget:first-of-type h3 {
	border-bottom: 0px;
}

/* Gallery */
.gallery { margin: 0 auto 18px; clear:both; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 29%;
}
.gallery-columns-2 .gallery-item { 
	width: 41%;
    margin-right: 6%;
} 
.gallery-columns-4 .gallery-item { width: 22%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 10px; }
.gallery br+br { display: none; }

/* translating to English */
.wpml-ls-legacy-list-horizontal {
/*    padding-top: 24px !important;
    margin-left: -20px !important; */
}

#search-box h2 {
	display: none;
}

/*
html:lang(en-US) #logo a img  {
	display:none;
}

html:lang(en-US) #logo img {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url('https://staging.annicaliljeblad.com/wp-content/uploads/2018/02/annica_logo-Actress.png') no-repeat;
	width 470px; 
	height 50px; 
}
*/

#search-box {
display:inline-flex;
flex-wrap:wrap;
justify-content:flex-end;
}
.sök{
flex-grow: 1;
}
#search-box .s,
#search-box button {
    position: relative;
}
#search-box button {
left: 10px;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    list-style-type: none;
    display: inline-block !important;
    margin-top: -8px !important;
    position: absolute;
    left: -30px;
    top: 6px;
}