/*
 Theme Name:   Caravan to Midnight
 Theme URI:    https://caravantomidnight.com
 Description:  WooCommerce Canvas Child Theme
 Author:       Mitchell Bennis
 Author URI:   http://elementengage.com
 Template:     canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,700|Libre+Baskerville:400,700,400italic|IM+Fell+English+SC);


html {
	font-size: 62.5%; /* Makes 1em = 10px */
}

body {
	background-color: #5D7AA8;
	font-size: 14px; /* For old browsers */
	font-size: 1.4rem;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor:help;
}
    .field-tip .tip-content {
        position:absolute;
        top:30px; /* - top padding */
        right:9999px;
        width:200px;
        margin-right:0px; /* width + left/right padding */
        padding:10px;
        color:#fff;
		z-index:1;
        background:#333;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:0;
        -webkit-transition:opacity 250ms ease-out;
           -moz-transition:opacity 250ms ease-out;
            -ms-transition:opacity 250ms ease-out;
             -o-transition:opacity 250ms ease-out;
                transition:opacity 250ms ease-out;
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:50%;
            left:-16px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color:#333;
        }
        .field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
        }
}
/* Fonts & Sizes - First one is a Google Webfont */
h1, h2, .page-title, .post .title, .page .title {
	font-family: 'IM Fell English SC', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 4rem;
}
h3, .widget h3, h4 {
	font-family: 'Vollkorn', "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
body, h2.episodeDate, h5, h6, p, .entry, .entry p, ul, ol {
	font-family: 'Libre Baskerville', "Times New Roman", Times, serif;
}

/* Colors & Font Sizes */
#navigation {
	background-color: #a1cee9;
}
#navigation ul.nav > li a:hover,
ul.nav li.current_page_item a, 
ul.nav li.current_page_parent a, 
ul.nav li.current-menu-ancestor a, 
ul.nav li.current-cat a, 
ul.nav li.current-menu-item a,
#navigation ul.nav > li a:hover,
#navigation ul.nav > li:hover,
#navigation ul.nav ul {
  background-color: #bcd9eb;
}
h3.nav-toggle {
  background-color: #428bca;
  background-image: none;
}
#top,
#eeContactForm label {
	background-color: #F6972B;
}
#top ul.nav li a,
#eeContactForm label {
	color: #333;
}
#eeContactForm select {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
#wrapper {
	background-color: #FFF;
}
h1, h1.archive_header, h2, h3, .widget h3, h4, 
.page-title, .post .title, .page .title {
	color: #454545;
}
a:hover {
	color: #a46011;
}
.widget h3, h1.archive_header {
	font-size: 1.8rem;
	border-bottom: 2px solid #F6972B;
	letter-spacing: .2rem;
}
.widget p {
	font-size: 1.5rem;
}
.home article {
	border-bottom-color: #F6972B;
}

#header {
	background-color: #FFF;
	padding: 40px 0 80px !important;
}
header .ctmLogo p a {
	background-color: #fff279;
}
#ctmUserBlock {
	background-color: #EEE; 
}
#ctmUserBlock p {
	border-bottom-color: #F6972B;
}
h2.episodeDate {
	font-size: 1.5rem;
}
.ctm-subscriber-only {
	background-color: rgba(241, 248, 255, 1);
}
.ctm-not-subscriber, .ctm-not-logged-in {
	background: #fffcb2;
}
#watch_video, #download_audio {
	background-color: #555;
	color: #FFF;
}
.one_third {
    width: 31% !important;
}
.ctm-subscriber-only,
.ctm-not-subscriber,
.ctm-not-logged-in {
	border-color: #DDD;
}
a.ctmButton,
button.ctmButton {
	background: #428bca;
	color: white;
	text-shadow: 1px 1px 1px #222D46;
	filter: dropshadow(color=#222D46, offx=1, offy=1);
}
a.ctmButton:hover,
button.ctmButton:hover,
a.ctmButton:active,
button.ctmButton:active {
	background: #245682;
	text-shadow: 1px 1px 1px #730303;
	filter: dropshadow(color=#730303, offx=1, offy=1);
}
.business-directory .listing-actions a.button {
	color: #000 !important;
}
.business-directory .wpbdp-bar {
	background-color: #FFF;
}
.business-directory .wpbdp-listings-list .sticky {
	background-color: #fffde0;
	border-color: #CCC;
}
.searchform input.s, #searchform input#s {
	background: #FFF;
	color: #777;
}
div.colRight {
	border-left-color: #AAA;
}
.redAlert {
	color: red;
}
.term-individual-episodes ul.products li.product a h3 {
	font-family: 'Libre Baskerville', "Times New Roman", Times, serif;
	font-size: 1.2rem;
	text-transform: capitalize;
	color: #EEE;
}


/* Layout */

#wrapper {
	padding-left: 0; 
	padding-right: 0;
}
#navigation {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#main {
	padding-left: 1em;
}
#sidebar {
	padding-right: .5em;
	padding-left: .5em;
}

header .ctmLogo {
	width: 68%;
	float: left;
}
header .ctmLogo img {
	max-width: 80%;
}
header .ctmLogo p {
	width: 65%;
	font-weight: bold;
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .125rem;
}
header .ctmLogo p a {
	text-decoration: underline;
}


.home article {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}


.widget {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Ads */
.widget .sam-pro-container {
	text-align: center;
}

.paypalbtns {
	width: 28%;
	float: left;
	    padding-top: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
	text-align: center;
}

#ctmUserBlock {
	width: 28%;
	float: left;
	padding-top: 1rem;
	padding-left: .5%;
	padding-right: .5%;
	padding-bottom: 1rem;
	margin-right: 2%;
	border-radius: 1rem;
	text-align: center;
}
#ctmUserBlock p {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	text-align: left;
}
#ctmUserBlock #loginform p {
	padding: 0;
	margin: 0;
	border: none;
}
#ctmUserBlock p.login-username label,
#ctmUserBlock p.login-password label {
	display: inline-block;
	width: 25%;
}
#ctmUserBlock #loginform input[type=text],
#ctmUserBlock #loginform input[type=password] {
	width: 65%;
}
#ctmUserBlock #loginform p.login-remember {
	float: right;
	margin-right: 5%;
}
#ctmUserBlock #loginform #wp-submit {
	font-size: 80%;
	margin-top: .5rem;
	margin-left: 1rem;
}
#ctmUserBlock p.forgotLogin {
	float: right;
	border: none;
	margin-right: 5%;
	margin-bottom: 0;
	margin-top: -1.5rem;
}
#ctmUserBlock p.forgotLogin a {
	text-decoration: underline;
}
#ctmUserBlock .ctmButton {
	margin-left: .5rem;
	margin-right: .5rem;
	font-size: 90%;
}


.widget {
	font-size: 1.4rem;
}
.widget ul li {
	margin-bottom: .75rem;
}

#footerNav ul {
	text-align: center;
}
#footerNav ul li {
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
}
footer p {
	text-align: center;
	margin-top: 2rem;
}




/* Subscriber Content */
.ctm-subscriber-only {
	padding: 1.2rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	clear: both;
}
.ctm-not-subscriber, .ctm-not-logged-in {
	padding: .5rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	clear: both;
}

#ctm-audio-players {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
#ctm-audio-players h4 {
	margin-top: .5rem;
	margin-bottom: .125em;
	margin-left: 10%;
}
#ctm-audio-players p, #ctm-audio-players audio {
	margin: 0;
	padding: 0;
}
.ctmAudioPlayer {
	width: 100%;
	margin: .5rem 0;
}
button {
	font-size: 100%;
}
#ctmAudioButtons {
	text-align: center;
	margin-bottom: 2rem;
}

#ctmVideoContent {
	
}
#watch_video, #download_audio {
	padding: .125rem 1rem;
	cursor: pointer;
}
.entry iframe {
	display: block;
	margin: 1rem auto;
}

a.ctmButton,
button.ctmButton {
	text-decoration: none;
	padding: .5rem 1rem;
	-webkit-border-radius: .4rem;
	border-radius: .4rem;
	margin: .2rem;
	display: inline-block;
}
a.ctmButton:hover,
button.ctmButton:hover,
a.ctmButton:active,
button.ctmButton:active {
	-webkit-transition: all .125s ease-in;
	-moz-transition: all .125s ease-in;
	-ms-transition: all .125s ease-in;
	-o-transition: all .125s ease-in;
	transition: all .125s ease-in;
}
.category-episodes .centered {
	clear: both;
}


/* Business Directory */

.business-directory .wpbdp-button {
	margin-right: 1%;
}
.business-directory .listing-actions a.button {
	
}
.business-directory .wpbdp-bar {
	text-align: center;
}
.business-directory .wpbdp-main-links {
	width: 100%;
}
.business-directory .wpbdp-listings-list div {
	margin-bottom: 1rem;
	border-bottom: none;
}
.business-directory .wpbdp-listings-list .sticky {
	border: 1px solid inherit;
}
.business-directory .wpbdp-listings-list .listing-title {
	font-size: 2rem;
}


/* Wallpaper */

p.displaySize {
	text-align: center;
	font-weight: bold;
}
p.displaySize em {
	font-style: normal;
	text-decoration: underline;
}

.ee {
	font-size: .9rem;
}
.ee a {
	text-decoration: underline;
	color: #999;
}

/* Archive Pages */

.homeNews,
.category-news article,
.category-library article,
.category-guests article,
.category-ark-knights article,
.category-ark-midnight article {
	float: left;
	width: 45%;
	margin-right: 2.5%;
	margin-bottom: 1.5rem;
}
.homeNews .entry-title, 
.category-news article .entry-title,
.category-library article .entry-title,
.category-guests article .entry-title,
.category-ark-knights article .entry-title,
.category-ark-midnight article .entry-title {
	font-size: 2rem;
}

.homeNews img {
	float: left;
	margin: 0 .7rem .5rem 0;
}

/* General Styles */

span.postThumbnail {
	float: left;
	margin: 0 5px 15px 0;
}
.category-episodes span.postThumbnail img,
.ctm-latest-episode span.postThumbnail img {
	max-width: 100px;
	height: auto;
}

.one-col #content {
	margin-left: 5%;
	margin-right: 5%;
}
div.woocommerce-product-rating {
	margin-bottom: 1rem;
}

p.tags {
	text-align: right;
}

.entry .addthis_toolbox {
	float: right;
	margin-right: 5%;
}
.entry .addthis_toolbox::before {
	content: "Share this...";
	display: block;
}


/* Global Styles */

.redAlert {
	
}

.entry img {
	border: none;
}

div.colLeft, div.colRight {
	width: 45.8%;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 1.5rem;
	padding-left: 1%;
}
div.colLeft {
	clear: left;
}
div.colRight {
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 1%;
}
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

hr {
	clear: both;
	color: rgba(255, 255, 255, 0); /* Invisible, but effective */
	background-color: transparent;
	margin: 0;
}

hr.horzRule {
	color: #F6972B; /* Invisible, but effective */
	background-color: #F6972B;
	margin: 1.5rem 0;
	height: 2px;
}

h3 mark {
	background-color: transparent;
	font-weight: normal;
}

.clearing {
	clear: both;
}

.clearLeft{
	clear: left;
}
.floatRight{
	float: right;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}


/* Hide These Things */
.hidden, header #logo, #ctmVideoFrame, #ctmAudioButtons, 
.post-meta, footer #copyright, footer #credit, .archive-description, 
.widget_custom_post_widget .addthis_toolbox, 
.term-individual-episodes ul.products li.product a img,
.term-individual-episodes ul.products li.product a mark {
	display: none;
}

.one_third {
    width: 30.3%;
    margin-left: 1%;
    margin-right: 1%;
}


/* Reposiveness */
@media only screen and (max-width: 767px) {
	
	#navigation,
	ul.nav li.current_page_item a, 
	ul.nav li.current_page_parent a, 
	ul.nav li.current-menu-ancestor a, 
	ul.nav li.current-cat a, 
	ul.nav li.current-menu-item a,
	#navigation ul.nav ul {
		background-color: #F0F0F0;
	}
	
	#header {
		padding-top: 10px;
		padding-bottom: 0;
	}
	
	#ctmUserBlock {
		float: none;
		clear: both;
		width: 70%;
		margin: 0 auto 3rem auto;
	}
	
	header .ctmLogo {
		width: 100%;
		text-align: center;
	}
	header .ctmLogo img {
		max-width: 95%;
	}
	header .ctmLogo p {
		width: 100%;
	}
	
}


@media only screen and (min-width: 768px) {
	
	
}


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

/*
	header .ctmLogo img {
		max-width: 80%;
	}
*/
}