/*
Theme Name: Intuito 700
Theme URI: http://intuitowebdesign.com
Description: Theme created by Intuito
Author: Rob Haskell, Intuito
Author URI: http://intuitowebdesign.com
Version: 1.0

License: This is a commercial theme. Do not copy or distribute without permission. 
License URI:
*/

/* Structure */
body { margin:0; padding:0; color: #4a4a4a; background: #fff; line-height: 1.8; font-size: 1rem; font-family: 'Lora', 'Georgia', serif; font-weight: normal; width:100%; height:100%; }
.right { width:35%; position:fixed; left:0; top:0; bottom:0; background-size:cover; background-position:center center; }
.right-overlay { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4); }
.left { margin-left:35%; }
.left .inner { padding:0 15%; }
.header { padding:10px 0 0; }
.menu-main { }
.content { background:#fff; padding:1.4em 0; }
.post { margin:0 0; min-height:1px; font-size: 15pt; line-height: 24pt; }


/* Global tag styles */
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; }
img[class*="align"],img[class*="wp-image-"] { height: auto; }
::selection { background:#fedabf; }


h1 { text-align:center; font-weight:normal; line-height:1.4; font-size:30pt; color:#333; margin-bottom:0; }
h2 { font-size:1.4em; font-weight:300; text-transform:uppercase; margin-bottom:0px; }
h3 { }
h4, h5, h6 { font-weight: bold; text-decoration:italic; }
blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; }
blockquote p:first-letter { margin: .2em .3em .1em 0; font-size: 220%; font-weight: bold; }
blockquote p:first-line { font-variant: small-caps; font-size:1.2em; }
p {margin-top:3px;}
.smooth { transition: opacity .3s ease-in; }
.smooth:hover { opacity:.6; }

/* -- Aside -------------------------------------------------------------------------------------- --> */
.logo { margin-top:35%; text-align:center; position:relative; }
.page-description { color:white; font-size:14pt; font-style:italic; padding:40px 20%; position:relative; text-align:center; }

/* -- Main Menu ---------------------------------------------------------------------------------------- -->  */
.menu-main ul { padding: 0; margin: 0; list-style: none; font-size:15pt; font-weight: 400; text-align:center; }
.menu-main ul li { display:inline-block; padding:4px 12px; margin:12px 0px; text-transform:uppercase; position:relative; }
.menu-main ul li a { color: #333; text-decoration: none;  }
.menu-main ul li a:hover { color:#e5d1ad; }
.menu-main ul li.menu-item-33 { background: none !important;}
.menu-main ul li:after { content: ''; position: absolute; top: 50%; right: -0.272727em; margin-top: -0.272727em; width: 0.363636em; height: 0.363636em; background: #e5d1ad; border-radius: 100%; }
.menu-main ul li:last-child:after { background:none; }

.menu-main ul li ul { position: absolute; background: white; display: none; z-index:100; box-shadow:0px 0px 3px #cecece; padding:5px 0; left:0; }
.menu-main ul li:hover ul { display: inline;  }
.menu-main ul li li { clear:left;     display: block;
    text-align: left;
    line-height: 16pt;
    width: 94px;
    margin: 6px; }
.menu-main ul li li:after { content: ''; display:none; }
.menu-main ul li li a { color: black!important; font-weight: normal; font-size:13px;}
.menu-main ul li li a:hover { color: silver; }
.current-menu-item a { color:#e5d1ad!important; } /* Ussually make same as menu-main ul li a:hover  */
ul li ul li.current-menu-item a { color:#e5d1ad!important; }
.menu-main > ul > li.current-menu-parent a { color:#e5d1ad; }

/* -- Responsive Menu ---------------------------------------------------------------------------- --> */
.responsive-menu-container { }
.responsive-menu { position:fixed; top:0; width:35%; left:0; bottom:0; background:rgba(0,0,0,.8); z-index:100; display:none; }
.responsive-menu .inner { padding: 100px 20px; text-align:center; }
.responsive-menu-button { position:fixed; top:50px; left:20px; z-index:200; font-size:24pt; cursor:pointer; color:white; }
.responsive-menu ul { list-style:none; text-align:center; font-size:18pt; padding:0;}
.responsive-menu a { color:white; }
.responsive-menu > ul > li.current-menu-parent a { color:#e5d1ad; }
.responsive-menu .sub-menu li { font-size:14pt; font-style:italic; }
#responsive .sub-menu { display:none; }

/* -- Slideshow ----------------------------------------------------------------------------------- --> */
.slideshow { float:left; margin-bottom:1.5em; width:100%; }

/* -- Social -------------------------------------------------------------------------------------- --> */
.social { position:relative; }
.social ul { list-style:none; margin:0; padding:0; text-align:center; }
.social li { display:inline-block; margin:0 10px 0 10px; }
.social a { color:white; font-size:24pt; opacity:1; transition:opacity .3s ease-in; }
.social a:hover { opacity:.6; }

/* -- Content areas ------------------------------------------------------------------------------- --> */
.post { color:#666; }
.post ul { font-size:14pt; }
.page-title { margin-bottom:40px; }
.subheading { text-align:center; font-style:italic; color:#bababa; font-size:13pt; }
.thumbnail-in-post { float:right; max-width:30%; }

/* Post listings */
.post-list { float:left; width:69.79166666666667%; margin:0 0; line-height:1.5em;  }
.post-in-list {float:left; margin-bottom:1em; width:100%; } 
.post-in-list p { font-size:.9em; }
.post-in-list h2 { margin-bottom:0; margin-top:0; }
.post-thumbnail { width:120px; float:left; margin:0 1em 1em 0; }

/* Post info */
.post-info { opacity:.7; }
.post-info ul { list-style:none; margin:0; padding:0; }
.post-info ul li { display:inline; }
.post-info ul li:after { content:" | "; }
.post-info ul li:last-child:after { content:""; }

.wpcf7 input, .wpcf7 textarea { border:1px solid #eee; line-height:40px; width:500px; background:#eee; font-family:"Lato","Georgia",serif; font-size:15pt; }
.wpcf7 input[type=submit] { width:60px; border:1px solid #666; text-align:center; font-size:12pt; text-transform:uppercase; cursor:pointer; }
.wpcf7 input { height:40px; }

/* Portfolio */
.title-in-sidebar { position:relative; color:#d8d4cb; text-transform:uppercase; font-size:21pt; margin-bottom:0; }
.title-in-sidebar+.page-description { padding-top:0!important; }
.col-2 { display:inline-block; position:relative; width:47.5%; height:300px; background-size:cover; background-position: center center; margin-bottom:30px;  }
.col-2:nth-child(odd) { margin-right:2.5%; }
.col-2 h3 { font-weight:normal; text-align:center; margin-top:0; height:30px; position: absolute; bottom: -45px; width:100%; }
.col-2 a { transition: opacity .3s ease-in; }
.col-2 a:hover { opacity:.5; }
.col-3 { width:32%; float:left; height:200px; margin-left:1.5%; display:inline-block; margin-top:17px; position:relative; display:block; }
.col-3 div, .large div { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center center; }
.col-3 img { display:block; }
.col-3:first-child { margin-left:0; }
.col-3:nth-child(4n+4) { margin-left:0; }
.artist-image { width:150px; float:right; }
.large { margin:0;width:100%;display:block; height:756px; position:relative; }
.first {margin-left:0} 

/* -- Footer -------------------------------------------------------------------------------------- --> */
.footer { font-size:10pt; color:#fff; position:absolute; bottom:20px; right:0; width:100%; }
.footer .inner { text-align:center; }
.footer a { color:white; }


/* -- Images -------------------------------------------------------------------------------------- --> */
img.alignright { float:right; margin:0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float:right; margin:0 0 1em 1em; }
a img.alignleft { float:left; margin:0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center; font-size:11px; font-style:italic; }
.wp-caption.alignright {float:right; margin:0 0 1em 1em; text-align:center; font-size:11px; font-style:italic; }
.wp-caption.alignleft {float:left; margin:0 1em 1em 0; text-align:center; font-size:11px; font-style:italic; }
p.wp-caption-text { margin-top: 0px; color:silver; }

/* -- Responsive ---------------------------------------------------------------------------------- -->  */

/* Select navigation */
.selectnav { display: none; }
.sidebar { width:25%; background:#f0f0f0; float:right; padding:1% 2%; }

@media screen and (max-width: 1023px) {
    .right { position:relative; width:100%; height:auto; min-height:200px; padding-top:1px; }
    .logo { margin-top: 40px; }
    .left { margin-left:0; }
    .left .inner { padding:0 5%;}
    .footer { display:none; }
    .responsive-menu { width:50%; }
    .menu-main { display:none; }
    
}

@media screen and (max-width: 600px) {
.responsive-menu { width:100%; }
.col-4 { float:none; width:auto; margin:0; }
.portfolio-slider-container, .portfolio-content-container { width:100%; float:none; }
}

@media screen and (max-width: 480px) {
    .header { background-position:no-repeat; }
    .header-left, .header-right { float:none; width:100%; }
    .logo { margin:0 auto; }
    p.header-title, p.header-description { text-align:center; margin-top:0; }
    /*.post, .sidebar { float:none; width:96%; margin:0 2%; }*/
    .post-list { float:none; width:96%; margin:0 2%; }
    .sidebar {  width:96%; background:#f0f0f0; margin:0 2%; float: left;}
    .col-3 { float:none; width:100%; margin:0; margin-bottom:12px; }
    .col-2 { width:100%; }
    .portfolie .col-4 { margin:0 4% 2% 0;}
    .portfolie .col-4:first-child { margin:0 4% 2% 0; }
}

@media screen and (max-width: 320px) {
    .post-list { float:none; width:96%; margin:0 2%; }
    .sidebar {  width:96%;background:#f0f0f0;  margin:0 2%; float: left; }
    .portfolie .col-4 { margin:0 4% 2% 0;}
    .portfolie .col-4:first-child { margin:0 4% 2% 0; }
}

@media screen and (max-width: 240px) {
    .post-list { float:none; width:96%; margin:0 2%; }
    .sidebar {  width:96%;background:#f0f0f0;  margin:0 2%;float: left}
    .portfolie .col-4 { margin:0 4% 2% 0;}
    .portfolie .col-4:first-child { margin:0 4% 2% 0; }
}