/*
 * Visyfy responsive CSS
 * Author:	Promethean Group
 * Author URI:	www.prometheangroup.com
 * */

body {
	line-height:1.8;
	}
h1, h2, h3 {
	color: #285364;
	margin: 3px 0 3px 0;
	padding: 0 0 0 0;
	border: 0;
	}
h1 { font-size: 300%; line-height: 130%; padding-bottom:2%; }
h2 { font-size: 200%; line-height: 120%; color: #0099CC;}
h3 { font-size: 140%; line-height: 110%; color: #0099CC;}

textarea { resize: none; }

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	}
.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

@media \0screen {
	img { width: auto; } /* for ie 8 */
	}

/* form
input[type="text"], textarea {
	background: #eee;
	border: solid 1px #ddd;
	padding: 8px 5px;	
	}
input[type="text"] {
	width: 400px;
	min-width: 140px;
	max-width: 40%;
	margin-right: 10px;
	}
textarea {
	width: 96%;
	height: 180px;
	} */

.v_overflow {
	overflow: hidden; /* this will clear the float from .v_item */
	}
.v_overflow .v_item {
	width: 45%;
	margin-right: 5%;
	float: left;
	}
.v_overflow .v_item img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.v_overflow .v_item .v_content {
	overflow: hidden; /* this will clear the float from .item img */
	min-width: 130px;
	}

.break-word { word-wrap: break-word; }

.v_container {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	border: 0;
	overflow: auto;
	}
.v_nav {
	text-align:left;
	width: 90%;
	max-width: 1000px;
	}
.v_body {
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	background-color:#EDF1F2;
	overflow:auto;
	}
.v_torso {
	width:90%;
	max-width: 1000px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: auto;
	}
.v_torso_left {
	width:90%;
	max-width: 1000px;
	text-align:left;
	overflow: auto;
	}
.v_torso_full_left {
	width:100%;
	max-width: 1000px;
	text-align:left;
	padding-top:3%;
	overflow: auto;
	}
.v_only_mobile { display:none; }
.v_upload_box_wrapper {
	float:left; position:relative;width: 100%;
	}
.v_upload_box_button{ position:absolute; top:0px; left:0px; }
.v_upload_box_botton img { background-color: transparent; }
.v_message {
	width:30%;
	width:200px;
	height:auto;
	position:fixed;
	top:50%;
	margin-top: -10px;
	left:50%;
	margin-left:-100px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#F3F3F3;
	color:#00CC00;
	border:1px solid #CCCCCC;
	z-index: 999999;
	display:none;
	}

.v_clear { clear:both; height:1px; }
.v_left { float:left; padding: 0 0 0 0; margin: 0 0 0 0; }
.v_right { float:right;  padding: 0 0 0 0; margin: 0 0 0 0;}
.v_img { width:40%; max-width:150px; }

div.v_overlay_wrapper { float:left; position:relative; height:100px; width:100px; max-height:13%; max-width:13%; }
div.v_overlay { position:absolute; top: -3px; left: -3px; }
div.v_overlay img { background-color: transparent; height:100%; width: 100%; }

div.pending_wrapper{ float:left; position:relative; }
div.pending_badge{ position:absolute; top: -16px; left: -16px; }
div.pending_badge img { background-color: transparent; height:140px; width:140px; }
/*
 * div.pending_badge img { background-color: transparent; height:100%; width: 100%; max-height:140px; max-width:140px; }
 * */

.mobileheader { display:none; }
#mobileheader_padding { padding-bottom:50px; display:none; }
#mobileheader_container {  background-image:url('/content/images/mobileheader_background.gif'); background-repeat:repeat-x; height:50px; left:0; position:fixed; width:100%; top:0; z-index:9990; }
#mobileheader_container img { height:40px; width:auto; }
#mobileheader_left{ text-align:left; position:fixed; left:0px; top:0px; white-space:nowrap; z-index:9992; }
#mobileheader_center{ height:50px; position:absolute; top:0px; margin:0 auto; width:100%; text-align:right; z-index:9991; }
#mobileheader_right{ text-align:right; position:fixed; right:0px; top:0px; white-space:nowrap; z-index:9993; }
.mobileheader_top_padding {
	height:50px;
	display:none;
	}

.modal-step-inner {
	margin-left:-320px;
	width:600px;
	top:10%;
	position: absolute;
	left:50%;
	padding: 20px 20px 20px 20px;
	z-index:20;
	border-radius: 5px;
	background: #fff;
	}

.modal-inner { margin-left:-120px; width:200px; top:10%; }
#rit_project_heading { padding-top:00px; }
#TribeUserInfo { width:70%; }

.only_mobile { display:none; }

#v_flag_as_inappropriate { display: none; }

@media print {
	.header { display:none; }
	.wrapper footer { display:none; }
	#rit_view_project_get_started { display:none; }
	#rit_view_project_comments { display:none; }
	#disqus_thread { display:none; }
        #rit_view_projects_sidebar { display:none; }
        .rit_social_links { display:none; }
        .rit_icons { display:none; }
        #SOCIAL_LINKS { display:none; }
        .rit_view_project_help { display:none; }
        .rit_view_project_footer { display:none; }

	#rit_view_project_materials { width:100% !important; clear:both; }
	#rit_view_project_materials li { display:inline; }
	#rit_view_project_materials p { display:inline; }
        .rit_show_color { width:25% !important; }
        #rit_view_project_steps { clear:both; width:100% !important; }

	/* Fixes the crazy Div overlay bug in FireFox */
	* { overflow: visible !important; }
	}

@media only screen and (min-width:481px){
	.header { display:block; }
	.mobileheader { display:none; }
	#mobileheader_padding { display:none; }
	}
@media only screen and (max-width: 1024px;) {
	.header { display:block; }
	.mobileheader { display:none; }
	#mobileheader_padding { display:none; }
	}

@media only screen and (max-device-width:480px){
	.header { display:none; }
	.non_mobile { display:none; }
	.v_non_mobile { display:none; }
	.v_only_mobile { display:block; }
	.only_mobile { display:block; }
	.rit_body_top_padding { display:none; }
	.mobileheader { display:block; }
	#mobileheader_padding { display:block; }
	.mobileheader_top_padding { display:block; }
	h1 { font-size: 150%; line-height:120%; }
	h2 { font-size: 140%; line-height:110%; }
	h3 { font-size: 120%; line-height:103%; }
	.modal-step-inner { margin-left:-120px; width:200px; top:15%; }
	.modal-inner {
		top:2%;
		margin-left:-60px;
		width:80px;
		padding: 5px 5px 5px 5px;
		}
	.semantic-content .modal-inner { top:20%; }
	#rit_project_heading { padding-top:0px; }
	#TribeUserInfo { width:100%; }
	.rit_tribe_user_info { width:100%; }
	.rit_studio_logout {
		position:absolute;
		top:40px;
		right:5px;
		}
	.rit_single_post_img {
		margin-left:0px;
		min-width:260px;
		overflow: auto;
		}
	.post-date { display:none; }
	.mini-social { display:none; }
	/* .post-footer { display:none; } */
	.entry-title { display:none; }
	#v_flag_as_inappropriate { display: block; }
	.rit_materials_wrapper { min-width:240px !important; }
	}

/*
 * Special reset all CSS class
 *  */
.v_reset {
	display:inline;
	empty-cells:show;
	float:none;
	font:normal;
	font-family:inherit;
	font-size:100%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:auto;
	hyphens:none;
	left:auto;
	letter-spacing:normal;
	line-height:2;
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	max-height:none;
	max-width:none;
	min-height:0;
	min-width:0;
	opacity:1;
	overflow:visible;
	overflow-x:visible;
	overflow-y:visible;
	padding:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	/* May need to alter quotes for different locales (e.g fr) */
	quotes:'\201C' '\201D' '\2018' '\2019';
	right:auto;
	tab-size:8;
	table-layout:auto;
	text-align:inherit;
	text-align-last:auto;
	text-decoration:none;
	text-decoration-color:inherit;
	text-decoration-line:none;
	text-decoration-style:solid;
	text-indent:0;
	text-shadow:none;
	text-transform:none;
	top:auto;
	visibility:visible;
	white-space:normal;
	widows:0;
	width:auto;
	word-spacing:normal;
	z-index:auto;
	}
.v_reset ul {
	padding-left:20px;
	}
.v_reset ul li {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	}
.v_reset ol {
	padding-left:20px;
	}
.v_reset ol li {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	}

/* ===================================================================
 * The Rit Studio CUSTOMIZATIONS
 * */
#grid { padding-top: 20px; }
.menu-mob { margin: 10px 10px 10px 10px; }
#main-menu-mob { width: 65px; }

.rit_project_video {
	padding-top:20px;
	padding-bottom:20px;
	width:80%;
	height:auto;
	max-width:600px;
	min-width:200px;
	text-align:center;
	}
.rit_social_links {
	line-height:3;
	padding-bottom:20px;
	}

div.rit_step_upload_wrapper{ float:left; position:relative; width: 62px; }
div.rit_step_upload_button{ position:absolute; top:0px; left:0px; }
div.rit_step_upload_botton img { background-color: transparent; }

.rit_float {
	float: left;
	}
.rit_table_title {
	clear:both;
	text-align:center;
	}
.rit_table_title h1 h2 h3 h4 {
	padding: 20px 10px 10px 10px;
	}
.rit_table {
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #EEEEEE;
	width: 100%;
	overflow: auto;
	text-align:center;
	}
.rit_table_float {
	float: left;
	overflow: auto;
	min-width:320px;
	}
.rit_table_content {
	width:100%;
	}
.rit_wrapper_left {
	clear:both;
	width:100%;
	text-align:left;
	}
.rit_wrapper_left p {
	padding-top: 1%;
	padding-bottom: 2%;
	}
.rit_main_content_wrapper {
	float:left;
	width:100%;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	}
.rit_banner {
	width:100%;
	}
.rit_banner img { width:100%; height:auto; }
.rit_crumbs {
	width:100%;
	text-align:left;
	padding-top:1%;
	padding-bottom:1%;
	}
.rit_blog_main_posts {
	float:left;
	width:60%;
	min-width:290px;
	margin-right:5%;
	}
.rit_blog_main_post {
	width:100%;
	background-color:#FFFFFF;
	margin-bottom:5%;
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	}
.rit_blog_main_post_image { width:100%; }
.rit_blog_main_post_image img { width:100%; height:auto; }
.rit_blog_main_post_title_block { width:96%; padding: 2% 2% 2% 2%; }
.rit_blog_old_posts {
	float:left;
	width:35%;
	min-width:290px;
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	background-color:#FFFFFF;
	}
.rit_blog_old_post {
	width:auto;
	height:auto;
	height:150px;
	overflow:hidden;
	border-bottom: 1px dashed #bdd1d9;
	margin-bottom:3%;
	}
.rit_blog_old_post_image { float:left; width:40%; }
.rit_blog_old_post_image img { width:100%; height:auto; }
.rit_blog_old_post_title_block { float:left; width:50%; padding-left: 5%; padding-top: 4%; padding-bottom:4%; }
.rit_torso_full {
	width:100%;
	max-width: 1000px;
	text-align:left;
	overflow: auto;
	}
.rit_full_width {
	clear:both;
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	}
.rit_view_project_content {
	background: url(/content/images/projects/background_project_content.jpg);
	}
.rit_view_project_inner {
	padding:2%;
	}
.rit_view_project_video {
	float:right;
	position:relative;
	top:60px;
	right:-5px;
	z-index:9999;
	}
.rit_prep_time { 
	padding: 1% 1% 1% 1%;
	width: 98%;
	background: #EEEEDE;
	border: 1px solid #DDDDDD;
	}
.rit_materials_wrapper {
	float:left;
	width:27%;
	min-width:110px;
	padding-left:3%;
	}
.rit_steps_wrapper {
	float:left;
	width:70%;
	min-width:260px;
	padding: 0 0 0 0;
	}
.rit_materials_inner_padding {
	padding-right: 5%;
	padding-left: 5%;
	width: 90%;
	}
.rit_steps_inner_padding {
	padding-right: 5%;
	padding-left: 5%;
	/* padding-top: 20px; */
	width: 90%;
	}
.rit_steps_inner_padding ol {
	padding-left:40px;
	}
.rit_steps_inner_padding ol li {
	list-style-type: decimal;
	list-style-position: outside;
	font-size:200%;
	}
.rit_steps_inner_padding p {
	/* font-size:50%; */
	display: inline-block;
	vertical-align: top;
	width:100%;
	}
.rit_edit_steps {
	float:left;
	width:75%;
	}
.rit_edit_step {
	float:left;
	width:100%;
	height:80px !important;
	display: none;
	}
.rit_edit_step_number {
	width:5%;
	min-width:20px;
	float:left;
	}
.rit_edit_step_text {
	width:90%;
	float:left;
	}
.rit_edit_step_img {
	float:left;
	width:62px;
	height:80px !important;
	}
.rit_materials_inner_padding li {
	padding-top:10px;
	padding-bottom:10px;
	}
.rit_steps_inner_padding li {
	padding-top:10px;
	padding-bottom:20px;
	}
.rit_step_upload_container {
	height:80px !important;
	width:62px !important;
	overflow:hidden;
	display:none;
	}
.rit_edit_step_img_delete {
	margin-top: -7px;
	font-size:8px;
	padding-left:18px;
	opacity:.99;
	}
.rit_view_project_help_wrapper {
	padding-left:5%;
	padding-right:5%;
	padding-bottom:20px;
	width:90%;
	}
.rit_view_project_help {
	padding:2%;
	width:96%;
	background-color:#FFFFFF;
	}
.rit_view_project_footer {
	width:100%;
	text-align:center;
	}
.rit_clear { clear:both; height:1px; }

.rit_icons {
	padding-top:1%;
	height:3%;
	max-height:20px;
	padding-bottom:1%;
	}
.rit_icons img {
	border:0;
	}
.rit_nowrap_block {
	white-space:nowrap;
	}
.rit_color_library_landing {
	float:left;
	width:24%;
	padding-right:1%;
	}
.rit_color_library_landing img {
	width:100%;
	height:auto;
	max-width:220px;
	}
.rit_body_top_padding { padding-top:20px; }
.rit_select_mats_wrapper { overflow:auto; }
.rit_select_mats { float:left; padding-right:5%; overflow:hidden; }
.rit_select_mats p { line-height:3; }
.rit_select_colors_wrapper { overflow:auto; }
.rit_select_colors { float:left; width:20%; min-width:140px; overflow:hidden; }
.rit_select_colors p { line-height:3; }
.rit_show_color { float:left; width:50%; padding: 0 0 0 0; }
.rit_show_color img { width:100%; height:auto; }

div.rit_banner_overlay_wrapper {
	float:right;
	position:relative;
	}
div.rit_banner_overlay {
	position:relative;
	top: -200px;
	right: -50px;
	z-index:9999;
	}
.rit_login {
	text-align:left;
	width: 90%;
	max-width: 1000px;
	}
.rit_login img { width: 100%; height:auto; }
.rit_tribe_header {
	width:98%;
	max-width: 1000px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.rit_tribe_header_menu {
	width:100%;
	max-width: 1000px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space:nowrap;
	overflow:visible;
	clear:both; 
	padding-top:20px;
	height:42px;
	text-align:center;
	}
.rit_single_post_img { float:right; max-width:50%; margin-left:20px; margin-bottom:20px; }
.rit_single_post_img img { max-height:400px; width:auto; }
.fluid-width-video-wrapper { clear:both; }
.rit_edit_publish { float:right; width:40%; max-width:200px; }
.rit_edit_publish img { width:100%; height:auto; max-width:200px; padding-bottom:10%; }
.rit_edit_publish_bottom { float:right; width:45%; max-width:200px; }
.rit_edit_publish_bottom img { width:100%; height:auto; max-width:200px; padding-bottom:10%; padding-top:20%; }
.rit_edit_save { float:left; width:45%; max-width:200px; }
.rit_edit_save img { width:100%; height:auto; min-width:115px; max-width:200px; padding-top: 20%; padding-bottom:10%; }
.rit_edit_drops { float:left; width:20%; }
.rit_edit_drops img { width:100%; max-width:150px; height:auto; }
.rit_edit_feature { float:left; width:30%; padding-bottom:5%; text-align: center; }
.rit_edit_feature_form { float:left; width:70%; padding-bottom:5%; text-align: left; }
.rit_edit_form { float:left; width:100%; padding-bottom:5%; text-align: left; }
.rit_edit_form h2 { padding-top:5%; padding-bottom:2%; }
.rit_mega_menu {
	width:100%;
	position:absolute;
	text-align:center;
	}
.rit_studio_logout {
	float:right;
	}
.rit_half_block {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	max-width:485px;
	max-height:500px;
	height:auto;
	}
.rit_bodycopy {
	padding: 0 0 30px 0 !important;
	text-align:justify;
	}

/* =======================================================
 * Modifications to primary theme CSS
 * */
#content { padding-bottom:30px; }
#main-nav { text-align: center; }
.menu-main-menu-container { text-align: center !important; overflow:auto; }

.slides { background-position:center; }
.flex-control-nav { background:#FFFFFF; }
.flex-control-paging { background:#FFFFFF; }

pre {
	direction:ltr;
        background:none;
        font: 11px/19px 'andale mono', 'lucida console', monospace;
        padding: 0 0 0 0;
        display: block;
        overflow-x: visible;
        overflow-y: hidden;
        margin: 0 0 0 0;
        color: #000;
        border-top: 0px solid #E1E1E1;
        border-left: 0px solid #E1E1E1;
        border-bottom: 0px solid #F0F0F0;
        border-right: 0px solid #F0F0F0;
	}

#main-content .pagination { width:300px; text-align:center; }
#main-content .pagination a { padding: 5px 4px 3px 4px; float:none; }
#main-content .pagination .current { float:none; }
#main-content .pagination .pages { display: none; }
#main-content .pagination .extend { display: none; }

#rit_view_projects_sidebar h3 { padding-left: 20px; }

/* Change color of suggested search result text */
.swiftype-widget .autocomplete ul li p.title {
	color: #999999;
	font-weight:normal;
	}