/*
 Theme Name:   Tiny House Conference - U-Design Child Theme
 Theme URI:    http://tinyhouseconference.com/
 Description:  U-Design child theme
 Author:       Ron
 Author URI:   http://tinyhouseconference.com/
 Template:     u-design
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');
@import url('https://fonts.googleapis.com/css?family=Bevan');


/*-------- Custom CSS start
1) Header, Home Page and Nav Menu
2) @Media Calls
3) Main Content Misc
4) Sidebar
5) Schedule Page Tables
6) Footer
7) Font Awesome
8) Gravity Forms
9) Animation
10) Landing Page
Custom CSS end --------*/

/*--------Header and Nav Menu--------*/
.mean-bar {background:#a53d19 !important;}
#top-elements .social_media_top {margin-top:10px;}
#main-menu {border-bottom: 5px solid #a54023;}
#navigation-menu ul.sf-menu > li > a > span {text-transform:uppercase;}
.sub-menu li {text-transform:uppercase;}

/*--------@Media Calls--------*/
@media (max-width: 720px) {
#top-wrapper {background: url(http://localhost:8888/wordpress/wp-content/uploads/2015/04/conference-header-2016.jpg) 50% 0 no-repeat scroll #0D395C !important;}
#top-elements {height: 178px !important;}
}
@media (max-width: 720px) {
.rev_slider_wrapper {margin:-10px auto 40px !important; #main-content .main-content-padding: 0;}
}

/*--------Main Content Misc--------*/

.entry {padding: 10px 0 0px !important;}
.sponsor-logos {padding:0 0 30px;}
span.tp-thumb-title {display:none !important;}
span.tp-thumb-image:hover {opacity:0.7;}
#navigation-menu ul.sf-menu > li > a {padding: 0 15px 0 0 !important;}
blockquote {background:none;}
.flat-custom-button span {border-radius:0px !important;font-family: 'Arvo', arial, sans-serif; font-weight:normal;}
h4.slide_toggle a {font-size:0.7em !important;}
.box-frame {border:1px solid #fff;}
.small-custom-frame-wrapper .custom-frame-padding {padding:0px !important;}

.speaker {
font-size:26px;
color: #0a3150;
text-align: left;
border-bottom: 5px solid #0a3150;}

.slide_toggle_content {padding: 0 !important; margin: 0 0 20px 0 !important;}

span.session-target {font-size:18px; color:#555;}

.page-id-8 img.aligncenter {
margin: 0 auto !important;
}

/*--------Sidebar--------*/
#sidebar .list-group p {font-size:13px; line-height:1.3;}

/*--------Schedule Page Tables--------*/
table.custom-table {background: #fff; border: 2px solid #0a3150;}
table.custom-table tbody td {font-weight:bold;}
table.custom-table tbody td:nth-child(even) {background-color:#ddd;}
table.custom-table tbody tr {background-color:#eeeeee;}
table.custom-table thead td {background-color:#0a3150; color:#ffffff; text-align:center; font-family: Oswald, arial, sans-serif; font-size:20px; border-bottom: 3px solid #a54023;}
table.custom-table tfoot td {background-color:#0a3150; height:1px;}
#bottom .textwidget {padding:0;}

table.custom-table td {padding: 9px 5px;}
table.custom-table tbody td:hover {background: #f2efc9 !important;}

/*--------Footer--------*/
h3.bottom-col-title, #bottom ul.small-thumb li {background:none;}
.latest_posts li {line-height: 1.4;}
.latest_posts a.teaser-title {font-size:16px;}
.instagram-pics li {width:60px; height: 60px; list-style:none; float: left; margin-left:0;}

/*--------Font Awesome--------*/
.list-group {border: 5px solid #0a3150; padding:7px 15px; background:#f2f2f2;}
.list-group-item {margin:line-height:1.8;}
.page-id-11 .fa-fw {padding-right:5px; margin-top:10px; color:#0a3150; font-size: 28px;}
span.list-group-item {padding-right:5px; margin-top:10px; color:#a54023;}

/*--------Gravity Forms--------*/
.gform_wrapper li.gfield_html {max-width: 595px !important;}
.page-id-5 .gform_wrapper li.gfield_html {max-width: 1200px !important;}
.gform_wrapper {background:#f3f3f3; border: 1px solid #333; padding:15px;}
.gform_wrapper .form-header {background:#0a3150; padding:0px 10px 5px; border-bottom: 3px solid #a54023;}
.gform_body h2 {color:#fff; text-align: center !important;}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"] {font-size:21px; font-weight:bold; color: #ffffff; background:#a54023; border:3px solid #f2e8aa;padding:10px 20px;}
.gform_wrapper span.ginput_total {color:#a54023 !important;}
.gform_wrapper div.charleft {float:left; margin-bottom:10px;}
.gform_wrapper .ginput_complex .ginput_cardinfo_left label, 
.gform_wrapper .ginput_complex .ginput_cardinfo_right label {float:left;}
.coupon-field input[type="text"], input[type="password"], input[type="email"], textarea, select {float:left;}
.gform_wrapper.gf_browser_gecko select {margin-bottom: 10px;}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, 
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {margin-top: 0 !important;}
#field_13_30 .gfield, #field_13_30 .field_sublabel_below, #field_13_30 .field_description_below {display: none;}
body .gform_wrapper ul li.gfield {margin-top: 5px !important;}
body .gform_wrapper hr {margin-bottom: 10px;}
.gform_wrapper .gfield_error .ginput_complex .ginput_left, 
.gform_wrapper .gfield_error .ginput_complex .ginput_right, 
.gform_wrapper .ginput_complex .ginput_cardinfo_left {width: 45% !important;}

.gform_card_icon_container, .gform_card_icon_style1 {display: none;}

body #gform_wrapper_27 
{
width: 500px;
}

/*--------Landing Page--------*/

.page-id-2033 #main-content {background: #fff url('https://tinyhouseconference.com/wp-content/uploads/2015/05/white_paperboard.png') repeat top left;
height: 900px;
}

.page-id-2033 #home-page-content #content-container {
padding: 0;
height: 900px;
}

.page-id-2033 #page-content #content-container {
	padding: 0;
}

.page-id-2033 .no-breadcrumbs-padding {
	padding: 0;
}

.page-id-2033 #page-content {
	padding-bottom: 0;
}

.page-id-2033 #page-content-title {
	display: none;
}

.page-id-2033 .sharedaddy {
	display: none;
}

.topbar {
	background: #0a3150;
	padding: 5px 0;
	margin-bottom: 5px;
	width: 100%;
}

.page-id-2033 .optin {
	width: 50%;
	max-width: 720px;
	margin: 0 auto;
}

.page-id-2033 #main-content h2 {
	font-family: 'Oswald', arial, helvetica, sans-serif !important;
	font-size: 36px;
	font-weight: 400;
	color: #0a3150;
	line-height: 1.2;
	text-align: center;
	margin: 5px 0 0;
}

.page-id-2033 #main-content h3 {
	font-family: 'Oswald', arial, helvetica, sans-serif !important;
	font-size: 32px;
	font-weight: 400;
	color: #628fa3;
	line-height: 1.2;
	text-align: center;
	margin: 5px 0 0;
	text-transform: none !important;
}

.page-id-2033 #main-content h4 {
	font-family: Bevan, Georgia, serif;
	font-size: 24px;
        font-weight: 400;
	color: #A54023;
	line-height: 1;
	text-align: center;
	margin: 10px 0 0;
}

.page-id-2033 .fa-lg {
	top: 15px !important;
        color: #0a3150 !important;
}


.page-id-2033 #main-content h5 {
	font-family: 'Oswald', arial, helvetica, sans-serif !important;
	font-size: 28px;
	font-weight: 400;
	color: #0a3150;
	line-height: 1.1;
	text-align: left;
	margin: 10px 0 0 20px !important;
}

.page-id-2033 #main-content h6 {
	font-family: 'Oswald', arial, helvetica, sans-serif !important;
	font-size: 20px;
	font-weight: 400;
	color: #628fa3;
	line-height: 1.1;
	text-align: left;
	margin: 0 0 0 75px;
}

@media (max-width: 960px) {
	.page-id-2033 .optin {
		width: 70%;
		max-width: 720px;
	}
}

@media (max-width: 720px) {
	.page-id-2033 .optin {
		width: 100%;
		max-width: 720px;
	}
	
	.page-id-2033 .firstline {
		font-size: 26px !important;
	}
	
	.page-id-2033 .secondline {
		font-size: 25px !important;
	}
	
	.page-id-2033 #main-content h5 {
		font-size: 21px !important;
	}
	
	.page-id-2033 #main-content h6 {
		font-size: 18px !important;
                margin: 0 0 0 65px;
	}
}

@media (max-width: 480px) {
	.page-id-2033 .optin {
		width: 100%;
		max-width: 480px;
	}
	
	.page-id-2033 .firstline {
		font-size: 21px !important;
	}
	
	.page-id-2033 .secondline {
		font-size: 17px !important;
	}
	
	.page-id-2033 #main-content h5 {
		font-size: 18px !important;
	}
	
	.page-id-2033 #main-content h6 {
		font-size: 15px !important;
	}
} 