/*
Theme Name: masonry-child
Template: masonry
Theme URI: http://ohiopix.org/wp-content/themes/masonry-child
Author: devrix / psager
Author URI: http://devrix.com/
Description: Our Masonry theme is based on the popular and efficient grid library, suitable for creatives, photographers or bloggers. 
Although its nice interface and features make it an ideal WordPress theme for almost anything, Masonry has been optimized for all 
devices thanks to our latest responsive, mobile-first design techniques.
Version: 1.1.2
License: GNU General Public License v2 or higher
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: masonry
Tags: gray, white, light, dark, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, responsive-layout

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.

*/
/*
@media screen and (max-width: 960px) {
    
    .site-header {
    	
    }
    .site-title {
    	width: 60%;
    }
    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .cdm-widget-form {
		margin-top: 3em;
	}
	.navigation-button {
		right: 30%;
	}
	
	.icon {
		padding: 5px 10px 4px 10px;
	}
	.cdm-field {
		
	}
	.keywords {
		width:90%;
		float:none;
	}
	.searchbuttonwrapper {
		width:90% !important;
		clear: both;
	}
	.searchbutton {
		width: 50% !important;
	}
	.cdm-submit {
		padding: 10px;
	}
	.widget-area,
    .content-area {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
        width: 100%;
    }
    .comment-list .children {
		padding-left: 0;
	}
}


@media screen and (max-width: 960px)  {
	.site-info, .site-banner, .site-content {
	    padding-right: 100px;
	}
	.cdm-submit {
		width: 100%;
	}
	.col-sm-4 {
		width:30%;
	}
	.col-sm-4 {
		clear:both;
	}
	.cdm-keywords {
		width:50%;
	}
}*/
#front-page {
	/*margin-left:1em;*/
	margin: auto;
}
@media screen and (min-width: 320px) {
	#front-page {
		/*margin-left:3em;*/
	}
}
@media screen and (min-width: 360px) {
	#front-page {
		/*margin-left:5em;*/
	}
}
@media screen and (min-width: 414px) {
	#front-page {
		/*margin-left:6em;*/
	}
}

@media screen and (max-width: 960px) {
	.navigation-button {
		display:block;
	}
	.navigation-links {
		display:none;
		line-height: 3em;
	}
	.site-content {
		margin-top: 10px;
		background-color:#f2f2f2;
		padding-top:0px;
	}
	.site-info, .site-banner, .site-content {
	    padding: 4px;
	}
}

@media screen and (min-width: 960px) {

	.cdm-widget-form {
		width:50%;
		margin: 0 auto;
	}
	#simplesearch {
		/*display:none;*/
	}
	.navigation-button {
		display: none;
	    right: 25px;
	    height: auto;
	    position: fixed;
	    top: 0;
	    z-index: 9999999; /* 9999999 */
	}
	.navigation-links {
		display:block;
		float:right;
		vertical-align:bottom;
		line-height:48px;
	}
	.site-banner {
		width:100%;
	}
	.site-content {
		background-color:#f2f2f2;
    	width: 100% !important;
    	margin-top: 10px;
    	padding-top:0px;
	}
	
	#front-page { 
		/*margin-left:3em;*/

	}
}
@media screen and (min-width: 1024px) {
	#front-page {
		/*margin-left:6em;*/
	}
}
@media screen and (min-width: 1280px) {
	#front-page {
		/*margin-left:3em;*/
	}
}
@media screen and (min-width: 1366px) {
	#front-page {
		/*margin-left:6em;*/
	}
	
}
@media screen and (min-width: 1680px) {
	#front-page {
		/*margin-left:6em;*/
	}
}

@font-face {
	font-family: "MuseoSans-300";
	src: url("MuseoSans-300.otf");
}
@font-face {
	font-family: "MuseoSans-300Italic";
	src: url("MuseoSans-300Italic.otf");
}
@font-face {
	font-family: "MuseoSans-700Italic";
	src: url("MuseoSans-700.otf");
}

body {
    background-color: #f2f2f2;
    font: 15px/1.8 MuseoSans-300, sans-serif;
    font-weight: 400;
    color: #444;
}
.topbar {
	background-color: #f2f2f2; /* f0f5f7 */
}
.site-banner {
    margin-top: 50px;
}
.site-header {
    padding-bottom: 0px;
    margin-top: 0px !important;
}
.tagline {
	text-align:center;
	width:100%;
	font: 16px/1.8 MuseoSans-300Italic, sans-serif;
	/*padding-top:16px;
	padding-bottom:14px;*/
	padding: 20px;
	color: black;
    text-shadow: 1px 1px 1px lightgray;
}
.icon {
	font-size: 40px;
}
.sidr {
	padding:10px;
}
.col-sm-8 {
	padding-right: 0px;
    padding-left: 0px;
}
.col-sm-4 {
	padding-right: 0px;
    padding-left: 0px;
}
.cdm-submit {
	border: 2px solid gainsboro;
	width:100%;
}
.searchbuttonwrapper {
	width:30%;
	float:left;
	overflow:hidden;
}

.cdm-field input {
	border: 2px solid rgba(100, 100, 100, .8);
	text-align: center;
}

.masonry .content-area {
	margin-top:0px;
	
}
#advanced-cdm-label {
	margin-top: 1em;
	margin-bottom: 1em;
}
#advanced-cdm-label {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#advanced-cdm-submit {
	width:50%;
	margin-bottom: 1em;
}
#advanced-cdm-mode {
	margin-top: 1em;
	margin-bottom: 1em;
}
#advanced-cdm-field {
	margin-top: 1em;
	margin-bottom: 1em;
}

button, .button, input[type="reset"], input[type="submit"], input[type="button"] {
	/* background-color: #269acd;	#86bed3 #18e4e2*/
	background-color: rgba(38, 154, 205, .9);
	color: white;
}
button:hover, button:focus, .button:hover, .button:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
    /*background-color: #16cfcd;*/
    background-color: rgba(38, 154, 205, 1);
}
.cdm-keywords {
	background-color: rgba(220, 220, 220, .8);
	border: 2px solid gainsboro;
	width: 100%;
}
.keywords {
	width:61%;
	float:left;
}
.container-fluid {
	/*padding-right:70px;*/
}



div.subject-background {
	height:150px;
	border: 1px solid lightgray;
	width:150px;
}
div.subject-label { 
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	text-align: center;
	width:150px;
	margin-top:100px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	line-height: 96%;
	padding-right:8px;
	padding-left:2px;
}

a.topic {
	text-decoration:none;
	display:block;
}

.masonry .hentry {
    /*margin: 0 10px 20px;*/
   /* margin: 0 10px 0 0 !important;*/
   margin-bottom: 20px !important;
}

.masonry .hentry, .masonry .has-post-thumbnail {
	/*width: 	206px !important;*/
	/*height: 226px !important;*/
	width: 	150px !important;
	height: 150px !important;
	border: 2px solid gainsboro !important;
}

.masonry .hentry:not(.has-post-thumbnail) {
    /*padding: 16px;*/
    padding:0px;
}

.masonry .hentry:not(.has-post-thumbnail):hover {
	background-color: #E6E6FF !important;
	color: #4c460a;
}

.masonry .hentry:not(.has-post-thumbnail) a{
	color: #4c460a;
	text-decoration: none;
}

.masonry .entry-title {
    font-size: 90%;
    line-height: 130%;
    color: #4c460a;
    height: 2.3em;
}
a {
    color: #094268;
    text-decoration: underline;
    transition: all 0.1s linear;
}
a:hover, a:focus, a:active {
    color: #376D88;
    text-decoration: none;
}

.site-title a {
	text-decoration:none;
}

a.navigation-button {
	color: #FFF;
	text-decoration:none;
	display: none;
}

a.navigation-button:hover {
	color: #A3CDCC;
	text-decoration:none;
	display: none;
}

a.moreDetail  {
    color: #A3CDCC;
    text-decoration: underline;
    transition: all 0.1s linear;
}

a.moreDetail:hover {
    color: #376D88;
    text-decoration: none;
}
.site-footer {
	background-color: #FFF;
	border-top: 1px solid #000;
	color: #444;
}
.site-footer a {
    color: #444;
}
.site-footer a:hover {
    text-decoration: none;
    color: #376D88;
}

#cartinfo {
	text-align: right;
    padding-top: 10px;
    padding-right: 20px;
}

/* The cart Modal (background) */
.imgModalCart {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10001; /* Sit on top */
    /*padding-top: 100px;  Location of the box */
    padding-bottom: 20px; /* Location of the box */
    /*right: 10px;*/

    top: 50px;
    /*width: 100%;*/ /* Full width */
    /*height: 100%;*/ /* Full height */	
    overflow: auto; /* Enable scroll if needed */
    /* background-color: rgb(255,255,255); */ /* Fallback color */
    border: 1px solid #000;
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    padding-top: 50px;
    width: 100%;
    height: 100%;
}
#cartContents {
	/* margin-left: 3em; */
	/* margin-right: 4em; */
	/* margin: 0 auto; */
	/* width:80%; */
	height:100%;
	background-color: rgb(255,255,255);
	padding:20px;
	border-radius: 10px;
	overflow: auto;
}
.cartItem {
	margin-bottom: 20px;
	height:170px;
}
/* The Image cart Close Button */
#image-cart.close {
	color: #000000;
	opacity: .5;
	margin-right: 1.5em;
}
#image-cart.close:hover {
	color: #800000;
	background-color: transparent;
	opacity: .5;
}
.remove-item {
	color: darkslateblue;
	clear:left;
	text-align:center;
	cursor:pointer;
}
.remove-item:hover {
	color:red
}
#itemcount {
	color:#107094;
}
/* The Modal (background) */
.imgModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000000; /* Sit on top 10001*/ 
    padding-top: 100px; /* Location of the box */
    padding-bottom: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
     /* background-color: rgb(255,255,255);*/ /* Fallback color */
   	background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    padding-top: 50px;
}


.pager {
	/*margin-left: 0;
	margin-bottom: @baseLineHeight;*/
	margin: 1em 1em 0 0;
	list-style: none;
	text-align: right;
	.clearfix();
}

#pager1 {
	display:block;
	/*margin-right: 1em;*/
}
#pager2 {
	display:block;
	/*margin-right: 1em;*/
}
#pager3 {
	display:none;
	/*margin-right: 1em;*/
}
/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    margin-top: 70px;
    background-color: white;
    width: initial !important;
}
section {
	margin-left: 20px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
    /*width:90% !important;*/
	margin-top: 20px;
}
#wizard.modal-content {
	width:90% !important;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

#closeCheckoutWizard {
	float:right;
	margin-right: 10px;
}
#delivery {
	display:block;
}
label {
	margin-top:1em !important;
	margin-bottom:1em !important;
}
#product-digital {
	display:block;
}
#product-print {
	display:none;
}
#agreement {
	display:none;
}
#agreement-text {
	/*border:1px solid black;
	height:20em;
	overflow:scroll;*/
	margin-left: 3em;
    margin-right: 4em;
}
#goto-store {
	float:right;
	padding:10px;
	margin-right: 4em;
}
#next-previous {
	float:right;
	width: 100%;
}
#close-button {
	float:right;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
}
#closeImg:hover {
	color: #f37445;
}
.myImg {
    background-color: #f2f2f2;
}
.thumb-hover {
	box-shadow: 0 0 2px 5px rgba(173,216,230, 0.5);
	cursor: default;
}
.title-hover {
	color: lightblue;
	cursor: default;
}


a {
    color: #094268;
    text-decoration: underline;
    transition: all 0.1s linear;
}
.field-label {
	color: #000;
	font-weight:bold;
}

.entry-footer { 
	border: none;
}

.cdm-field {
	text-align:center;
}



.entry-content {
	margin-top:0px;
	margin-bottom:0px;
}