/*
Theme Name: Daniel Chauche Captions
Theme URI: http://carambamoreno.com
Author: Mauricio González
Author URI: http://carambamoreno.com/
Description: Plantilla desarrollada para Daniel Chauche por Mauricio González.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: clean, responsive, white, black
Text Domain: danielchauchecaptions
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{font-family: "Crimson Text", serif;background: #fafafa;font-size:21px;}
h1{font-family: "Crimson Text", serif;font-size: 1.8em; font-weight: 600;letter-spacing: -1px;line-height: 1em;}
h1 a{text-decoration: none;}
h1 a:hover{color: black;}
h2{font-family: "Crimson Text", serif;font-size:1.562em; font-weight: 600;}
h3{font-family: "Crimson Text", serif;font-size:1.476em; font-weight: 400;}
h4{font-family: "Crimson Text", serif;font-size:1.086em; font-weight: 400;}
p{margin-bottom: 2em;}
a{color:black; text-decoration: underline;}
a:hover, a:active, a:focus{color:gray;}
a:focus, button:focus, .button:focus{outline: none;}
::-moz-selection { background: black; color: white; }
::selection { background: black; color: white;}

.loader{position: fixed;width: 100%; height: 100%; background: url(img/loading.gif) 50% 50% no-repeat #fafafa; top: 0; left: 0;z-index: 1000;background-size: 50px;}

#header{margin-top:70px; margin-bottom:155px;}
.orbit-container, .orbit-slide, .orbit-slide img{outline: none !important;overflow: visible;}
.orbit-slide img{width: auto;}
.orbit-next, .orbit-previous{color:black;font-size: 3em;}
.orbit-next:focus, .orbit-previous:focus, .orbit-next:hover, .orbit-previous:hover{background:transparent; color:gray;}
.orbit-next{right:5vw; }
.orbit-previous{left:5vw;}
#homeSlideshow .orbit-slide{text-align: center; /*height: 60vh;*/}
#homeSlideshow .orbit-slide h3{margin-top: 35px; margin-bottom: 35px;display: block;}
#homeSlideshow .orbit-slide a{display: block;/*padding-top: 60vh;*/}
#homeSlideshow {margin-bottom: 100px;}

hr{border-bottom: 2px solid black; max-width: 30px; margin: 105px 0 35px;}
.column h4{margin: 17px 0 35px;}

.itemContent{margin-top:50px;}
.itemContent h3{margin-bottom:75px;}
.itemContent p{margin-bottom: 35px;}

.copyright p{margin-bottom: 70px;}

/* MENU */
#menu-main-menu{position: relative; z-index: 1000;}
#menu-main-menu .sub-menu{display: none;}
#menu-main-menu > li{position: relative; display: block; float: right; height: 45px; line-height: 45px;}
#menu-main-menu li a {padding: 15px 15px 10px;}
#menu-main-menu li:hover a{background: black; color: white; text-decoration: none;}
#menu-main-menu li:hover .sub-menu{display: block;margin: 0;}
#menu-main-menu .sub-menu{position: absolute; top: 45px; left: 0; width: 300px; height: auto;}
#menu-main-menu .sub-menu li{color: white;display: block;}
#menu-main-menu .sub-menu li:hover{text-decoration: underline;}
#menu-main-menu .sub-menu li a{ color: white; display: block; padding: 10px 12px 8px; text-decoration: none; background: black; margin: 5px auto;}

#thumbnailGrid{margin-top: 150px;}

h3 .post-edit-link{display: none;}
h3:hover .post-edit-link{display: block;}

/* Small only */
      @media screen and (max-width: 39.9375em) {

	  	#header{margin-top:70px; margin-bottom:115px;}
	  	
	  	.orbit-next, .orbit-previous{top: -45px; font-size: 1.5em;}
	  	.orbit-next{right: 0;}
	  	.orbit-previous{left: 0;}

	  	#menu-main-menu{margin-top: 35px;}
	  	#menu-main-menu .menu-item {display: block; float: none;}
	  	#menu-main-menu .menu-item a{padding-left: 5px !important;}

	  	#thumbnailGrid{margin-top: 0;}
	  	#thumbnailGrid hr{margin-top: 20px;}

	  	#homeSlideshow{margin-bottom: 0;}

      }
      
      /* Medium and up */
      @media screen and (min-width: 40em) {
	      
	      .row.ancho{max-width: 100vw !important;}
      }
      
      /* Medium only */
      @media screen and (min-width: 40em) and (max-width: 63.9375em) {}
      
      /* Large and up */
      @media screen and (min-width: 64em) {}
      
      /* Large only */
      @media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* X Large */
@media screen and (min-width:90.0625em) {

	.row:not(.ancho){max-width: 60vw !important;}
	img{max-height: 100vh;width: auto;}

}

/* X Large only */
@media screen and (min-width:90.0625em) and (max-width:120em) {}

/* XX Large */
@media only screen and (min-width:120.0625em) {

	.row{max-width: 60vw !important;}
	/*.orbit-next{right:-5vw;}
	.orbit-previous{left:-5vw;}*/

}