/*
 Theme Name:   Video series
 Theme URI:    http://www.createrelationshipyoulove.com
 Description:  Child theme for video optin using Twenty Fourteen
 Author:       Caroline Chen-Whatley
 Author URI:   http://lindsaymcguire.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

@import url("../twentyfourteen/style.css");
@import url(http://fonts.googleapis.com/css?family=PT+Sans);

body { 
	background: #fff; 
	font-family: 'Georgia', 'georgia', sans-serif;
	color: #fff;
}
.entry-content iframe {
	margin-bottom: 5px;
}
.entry-content, .entry-summary, .page-content {
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphen: none;
    word-wrap: normal;
}
.content-area, .content-sidebar { padding-top: 0px; }
.full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta { padding: 0px; }
input, textarea { margin: 5px 10px; }
.hentry { margin-bottom: 0px; }
h1.top_header {
	color: #fff;
	font-family: 'Georgia', 'georgia', sans-serif;
	font-style: oblique;
	font-weight: normal;
	font-size: 2.5em;
	padding: 30px 15%;
	text-align: center;
}
#site-header { background: url('images/swirl_bg.png'); }
#site-header img {  margin: 12px 5%; }
.site-main { background-color: #7798cc; }
.site-content, .site-main .widecolumn { margin-left: 0px; }
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { 
	background-color: transparent;
	max-width: 1376px; 
	max-width: 100%;
	margin: 0px auto; 
}
.button {
	background: #7e9c23;
	border-radius: 5px !important;
	text-transform: uppercase;
	padding: 10px 30px;
	white-space: nowrap;
}
.front_div {
	background: url('http://www.createarelationshipyoulove.com/video-series/wp-content/uploads/2014/07/video_background.jpg') no-repeat;
	background-size: 100% auto;
	background-position: center;
	padding-bottom: 50px;
	width:100%;
}
.swirl { 
	background: url('images/swirl_bg.png');
	padding: 30px;
	text-align: center;
}
.swirl h1 {
	font-family: 'PT Sans', sans-serif;
	color: #2c767b;
	font-size: 2em;
	text-transform: uppercase;
}
.swirl iframe {
	width: 100%;
	height: auto;
}
.site-footer {
	background-color: #ecfcfe;
	text-align: center;
	padding: 30px;
}
.footer-sidebar {
	margin: 0 auto;
	max-width: 1000px;
}

#vid_tabs {
	background: #4a4a4a;
	font-size: 0.8em;
	font-family: 'PT Sans', sans-serif;
	margin: 0 auto 50px;
	max-width: 850px;
}

.ui-tabs-vertical .ui-tabs-nav {  
	float: right;  
	list-style: none;
	margin: 0;
	width: 300px; 
}
.ui-tabs-vertical .ui-tabs-nav .inner {
	background: #4a4a4a;
	color: #fff;
	display: inline-block;
	height: 91px;
	margin-left: 20px;
	padding: 5px;
}
.ui-tabs-vertical .ui-tabs-nav a:hover {
	color: #7e9c22;
}
.ui-tabs-vertical .ui-tabs-nav li {
	border: 1px solid #fff;
	height: 101px;
	line-height: 1.2em;
	position: relative;
}
.ui-tabs-vertical .ui-tabs-nav li:first-child {
	background: #0b787d;
}
.ui-tabs-vertical .ui-tabs-nav li:nth-child(2) {
	background: #7e9b24;
}
.ui-tabs-vertical .ui-tabs-nav li:nth-child(3) {
	background: #6dbfd7;
}

.ui-tabs-vertical .ui-tabs-nav a {
	color: #fff;
}

.ui-tabs-vertical .ui-tabs-nav a.vid_link {
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.ui-tabs-vertical .vid_subtitle {
	display: block;
}
.ui-tabs-vertical .vid_download a {
	display: block;
	font-size: 0.8em;
	margin-top: 3px;
	text-decoration: none;
	text-transform: uppercase;
}
.ui-tabs-vertical div.lm-video, .ui-tabs-vertical iframe { width: 549px; height:309px; }


.ui-tabs-vertical .ui-state-active .inner {
	background: #fff;
        width: 274px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.ui-tabs-vertical .ui-state-active a, .ui-tabs-vertical .ui-state-active .vid_subtitle {
 	color: #0b787d;
}
.ui-tabs-vertical .ui-state-active:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 20px 50px 0;
	border-color: transparent #ffffff transparent transparent;
	content:" ";
	position: absolute;
}

@media all and (max-width: 500px) {
	#vid_tabs { width: 380px; }
	.ui-tabs-vertical div.lm-video, .ui-tabs-vertical iframe { width: 230px; height:140px; }
	.ui-tabs-vertical .ui-tabs-nav { width: 150px; overflow: hidden; }
	.swirl .green {display: block; float: none !important; margin-bottom:15px;}
	.connect-main {margin-left: 0 !important;}
	.entry-content iframe {margin-bottom: 150px;}
h1.top_header {padding:0;}
	.swirl {padding-top: 80px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media all 
and (min-width : 505px) 
and (max-width : 865px) {
/* Styles */

.ui-tabs-vertical div.lm-video, .ui-tabs-vertical iframe {width: 67% !important;}


}