/*
 * Theme Name:     The Rit Studio
 * Theme URI:      http://www.ritstudio.com/labs
 * Description:    The Rit Studio's child theme based on the Remal theme
 * Author:	 Alden HD and The Promethean Group * Author URI:     http://www.prometheangroup.com
 * Template:       remal
 * Version:	0.2
 * */

/* Start with the Remal theme, and then modify for Rit Studio */
@import url("../remal/style.css");
@import url("v2.css");


/* Rit Studio custom CSS */
html {
	overflow-y: scroll;
}
/* Required to fix ET slider nav (nix bullets) */
.et-simple-slider ul li {list-style: none;}
.entry li {
	margin: 0 0 20px 0;
	font-size:14px;
	}
.et_slidecontent img {
	height:400px !important;
	width:auto;
	}

/* No border below bread crumbs */
#crumbs {
	margin-top: 10px;
	margin-bottom: 2px;
	border-bottom: 0px;
}
/* Set default font to 'Fauna One' */
body {
	background: #fff;
	color: #333;
	font-family: 'Fauna One', Arial, Verdana, sans-serif;
	font-size: 12px;
}
p { font-size: 14px; }
.post p { font-size:14px; }

.logo {
	height: 135px;
	width: 100%;
	background-repeat: repeat-x;
}
header {
	margin: 0;
}
.header-decorative-edge {
	position: absolute;
	top: 280px;
	background: url(images/header_decorative_edge.png);
	background-repeat: repeat-x;
	background-position: top center;
	height: 12px;
}
.header-login {
	position: absolute;
	top: 10px;
	left: 3%;
	z-index: 99;
	color: #14677e;
	font-weight: 700;
}
.header-shop {
	position: absolute;
	top: 10px;
	right: 3%;
	z-index: 98;
	color: #14677e;
	font-weight: 700;
}
.header-login a, .header-shop a {
	color: #14677e;
}
.header-login a:hover, .header-shop a:hover {
	color: #0099cc;
}
/* Home Welcome Box */
.home-content-box {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}
.dotted-single {
	clear: both;
	border-top: 1px dashed #ccc;
	margin: 20px auto;
}
.dotted-double {
	clear: both;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #bdd1d9;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.dotted-line-vert {
	margin-top: 200px;
	margin-right: 10px;
	width: 1px;
	min-height: 450px;
	float: left;
	border-left: 1px dashed #ccc;
}
.border-vine1{
	border: 1px solid #bdd1d9;
	background:#ffffff;
	min-height:60px;
	padding:0;
	margin:-5px 0 0 0;
	}
	
/* Container for Static Pages */
.container-main {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	border: 0;
	overflow: auto;
	}
	
.container-main p{
margin:0;
padding:0;
}
	
.container-left {
	clear:both;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	margin: 0 auto;
}
.container-center {
	width: 100%;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
}
.gray-container-center {
	width: 100%;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	background:#eef1f2;
	overflow:auto;
	/* height:1350px;
 * Alden, this is non-standard CSS programming. Please try to use responsive
 * design. We have commented out the hard-coded height above and fixed it
 * with the responsive "overflow:auto;" line above it. Thanks, PG
 * */
}

.gray-container-center p{
	margin:0;
	padding:0;
}

.container-inner {
	width: 90%;
}
.rit_main_content_wrapper {
	float:left;
	width:100%;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	}
/*Fonts styling for Heading and Content */
.heading1, .heading2, .heading3 {
	/*color: #285364;*/
	color: #547079;
	margin: 5px 0;
	padding: 0;
	border: 0;
}
.heading1 {
	font-size: 3.0em;
	line-height: 150%;
	font-weight: 700;
}
.heading2 {
	font-size: 1.8em;
	line-height: 130%;
}
.heading3 {
	font-size: 1.5em;
	line-height: 120%;
}
.text1, .text1-center, .container-left p, .container-center p {
	color: #555555;
	font-size: 1.2em;
	line-height: 150%;
}
.text1-small {
	font-size: 0.75em;
	line-height: 110%;
}
.text1-center {
	text-align: center;
}
.heading-50 {
	font-size: 50px;
	font-weight: 700;
	color: #547079;
	line-height: 42px;
	margin-bottom: 30px;
}
.text-18 {
	font-size: 1.3em;
	color: #777;
	line-height: 24px;
	
}
.text-18 li {
	list-style: disc;
	margin-left: 20px;
}
.featured-projects-header {
	background: url(images/featured_projects_background.jpg);
	background-repeat: repeat-x;
	max-height: 100px;
	margin: 0;
}
.featured-projects-header p {
	width: 100%;
	font-size: 40px;
	font-weight: 300;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}
/* Search */
.search-block {
	width: 200px;
	top: 60px;
	left: 80%;
}
.search-block #s {
	text-align:left;
	/* float: left; */
}
/*Social icons */
header .social-icons {
	width: 240px;
	height: 56px;
	margin-top: 14px;
	left: 10%;
	background: url(images/social_denim_background.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
header .social-icons img {
	margin-top: 12px;
	padding-left: 3px;
	padding-right: 3px;
}
.social-icons-footer img {
	padding: 0 5px;
}
/*footer */
footer {
	background: #777777 url(images/footer_background.jpg) repeat-x;
	min-height: 300px;
	border: 0;
	box-shadow: none;
	margin: 0 !important;
}
.footer-widget-top {
	border-bottom: 0;
	padding: 10px 0;
}
.footer-widget-top h4 {
	font-family: 'Fauna One', Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-transform: none;
}
.footer-widget-container {
	padding: 5px;
	border-top: 0;
}
.footer-widget-container p {
	padding-bottom: 1.0em;
}
.footer-widget-container ul, footer .tabs-wrap ul {
	font-size: 14px;
	border-bottom: 0;
	color: #eee;
}
.footer-widget-container ul li a:hover {
	font-size: 14px;
	border-bottom: 0;
	color: #cccccc;
}
.footer-widget-container li, footer #tabbed-widget .tabs-wrap li {
	border: 0 !important;
}
.footer-widget-container li:first-child, footer #tabbed-widget .tabs-wrap li:first-child {
	border-top: 0 none;
}
.footer-bottom {
	background: #777;
	height: 30px;
	border: 0 !important;
	box-shadow: none;
}
.footer-bottom .social-icons {
	margin-top: -300px !important;
	margin-left: 20px;
	margin-right: 20px !important;
}
.footer-copyright {
	font-size: 14px;
	margin-top: 20px;
	/* margin-left: 2%; */
}
/*Expands header*/
.header-content {
	padding: 0;
	padding-top: 20px;
	margin: 0;
	width: 100% !important;
	z-index: -1;
}
/* Changes color of thin orange bar at top of header to white */
header {
}
.header-bar {
	border-top: 4px solid #990000;
}
/* Change link color in entries from orange to rit blue (#70CAE5)*/
.entry a {
	/*color: #70CAE5;*/
	color:#0099cc;
}
/* Change general site link color from black to rit blue
   Change color of link hover effects from orange to black */
a {
	color: #0099cc;
}
a:hover {
	color: #000000;
}
.clear {
	clear: both;
}
/*.container {
	text-align: center;
}*/
/* Change grid background to grey */
#main-content {
	margin: 00px;
	position: relative;
	padding-top: 0;
	background: #E9E9E9;
}
/* Remove padding so content div extends 100% of screen */
#content-container {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* Change post item list replies background from grey to white */
.post-footer li {
	background-color: #FFFFFF;
}
/* Remove content container box and shadow */
#content-container #content .item-list {
	background: white;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: 0 0px 0px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 0px 0px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 0px 0px rgba(34, 25, 25, 0.4);
	margin-bottom: 20px;
}
#main-nav .main-menu, .menu-mob {
	border: none;
	text-align:center;
}
#main-nav {
	height: 40px;
	margin: 0 auto;
	margin-top: -52px;
}
#main-nav ul li a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #FFF !important;
	padding: 0 25px;
	text-shadow: none;
	border: 0;
}
#main-nav  ul li {
	margin: 0 0.4%;
}

#main-nav ul li a:hover {
	border-top: 0px solid #cddce1;
	background-color:#336666;
}
.alignleft {
	margin-top: -80px !important;
	margin-left: 50px;
	text-transform: uppercase;
	color: #eee !important;
}
.alignleft img, .alignright img {
	padding: 5px;
	border: 0 !important;
}
/* Misc Boxes*/
.thirty-box {
	width: 32%;
	float: left;
}

.forty-box {
	width: 40%;
	float: left;
}
.forty-nine-box {
	width: 49%;
	float: left;
}
.fifty-box {
	width: 50%;
	float: left;
}

.sixty-five-box {
	width: 65%;
	float: left;
}
.seventy-box {
	width: 70%;
	float: left;
}


.border-dash {
	border: 1px dashed #bdd1d9;
}
.ten-box {
	width: 10%;
	float: left;
}
.padding-10 {
	padding: 10px;
}
.padding-30 {
	padding: 30px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.form-text {
	width: 90%;
	display: block;
	font-family: 'Fauna One', Arial, Verdana, sans-serif;
	color: #777;
	font-size: 16px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding-left: 2px;
}
.content-divider
{
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	clear:both;
	background:url(../../../content/images/bg_divider.jpg) repeat-x;
}
.gray-wrapper{
	width:100%;
	min-height:465px;
	height:100%;
	background:#eef1f2;
}

.video-wrapper {
	position: relative;
	padding-bottom: 70%; /* 16:9 video*/
	padding-top: 10px;
	padding-left:10px;
	height: 0;
	overflow:hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.rit-social-right {
	width:250px;
	float:right;
	padding:5px;	
	}
.users-image-strip img {float:left; display:inline; margin:15px 20px;}

/* Rit TV */
.rit-tv-box-wrapper {
	width:100%;
	max-width:1000px;
	text-align:center;
	margin:20px auto;
	}


.rit-tv-box
{
	width:320px;
	min-height:240px;
	margin:5px;
	float:left;


}
.rit-tv-box h1{
	font-size:1.5em;
	color:#43aed0;
	}
.rit-tv-box h3{
	font-size:1.2em;
	color:#777;
	font-weight:700;
	}	
	
/*Dyesigners*/	

.dyesigners-box-wrapper {
	width:100%;	
	max-width:1000px;
	text-align:center;
	margin:20px auto;
	}


.dyesigners-box
{
	width:280px;
	margin:20px;
	margin-left:0;
	float:left;
	overflow:hidden;

}
.dyesigners-box h1{
	font-size:1.5em;
	font-weight:700;
	color:#777777;
	}
.dyesigners-box h2{
	font-size:1.3em;
	color:#777777;
	}	
.dyesigners-box h3{
	font-size:1.2em;
	color:#43aed0;
	font-weight:700;
	}	
/*Dyeviner*/	
.dyeviners-box
{
	width:240px;
	margin:15px 40px;
	padding:5px;
	float:left;
	overflow:hidden;

}
.vine-box
{
	width: 240px; height: 240px; overflow: hidden; position: relative;	
}
.vine-box-iframe
{
position: absolute; top: 0px;left: 0px; width: 240px; height: 240px;
}

/*Slider on Homepage 
.flexslider{overflow:hidden;} */
.flex-control-paging {z-index:98 !important;}
.flex-control-paging li a {
	/* background: #0099CC; */
	background: #0099CC !important;
	width:18px !important;
	height:18px !important;
	}
.flex-control-paging li a.flex-active {
	background: #99DDFF !important;
	}

/*Challenge Slider on home page bottom */
.challenge-heading {
	font-size:2.0em !important;
	font-weight:700; text-shadow:1px 1px #000;line-height:1.0em;
	padding:5px 15px !important;	
	}
.challenge-text {
	font-size:1.4em !important;	
	line-height:1.4em !important;
	padding:5px 15px !important;	
	}	
.challenge-button, .challenge-button img{
	width:150px !important;	
	max-width:150px !important;
	margin-left:1% !important;
	}
	
	
/*FAQs override */

.faq-catname{
	color:#547079;
	font-weight:900;
	}	
.qa-faq-anchor{
	font-size:0.8em;
}
.qa-show-more{
	font-size:0.8em;
	font-style:italic;
	}
	



/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 985px) and (min-width: 768px) {
#sidebar, #footer-widget-area, .footer-bottom .container, #content-container, #content {
	width: 100% !important;
}
/*
#main-content .item-list.w3, #main-content .item-list.w2 {
	width: 100% !important;
}
*/

.menu-mob {
	margin-top: 0px;
	position:absolute;
	z-index:199;
	width:150px;
	}
#main-menu-mob {
	width:150px;
	}
.navbar-fixed-top {
	margin-bottom: 0px;
}
.search-block {
	width: 150px;
	top: 70px;
	left: 80%;
}
header .social-icons {
	left: 10px;
}
header .search-block {
	margin-top: 150px !important;
	top: -60px !important;
}
.heading-50, .featured-projects-header p {
	font-size: 35px;
}
.heading1 {
	font-size: 2.0em;
	line-height: 120%;
	font-weight: 700;
}
.heading2 {
	font-size: 1.7em;
	line-height: 120%;
	font-weight: 700;
}
.heading3 {
	font-size: 1.4em;
	line-height: 150%;
}
.text1, .text1-center, .container-left p, .container-center p {
	font-size: 1.2em;
	line-height: 150% !important;
}
.alignleft img, .alignright img {
	max-width: 280px;
	width: 50%;
	padding: 8px;
	margin: 2px;
	border: 0 !important;
}
.home-content-box {
	width: 100%;
}
.home-content-box img {
	width: 70%;
	margin-top: -20px;
}
.border-dash {
  min-height:100% !important;
}
/*Challenge Slider on home page bottom */
.challenge-button, .challenge-button img{
	width:100px !important;	
	max-width:100px !important;
	margin-left:1% !important;
	}
}

/*   Phone  : 480px -----------------------------   */
@media only screen and (max-width: 767px) and (min-width: 480px) {
.ads-top, .ads-bottom, .ads-post, .scrollToTop, .main-menu {
	display: none !important;
}
#sidebar, #footer-widget-area, .footer-bottom .container, #content-container, #content, #load-more:link, #load-more:visited {
	width: 100% !important;
}
header .search-block, header .social-icons {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	float: none !important;
	margin: 8px auto 8px !important;
	width: 250px;
	background: none !important;
	display: block !important;
}
header .search-block {
	margin-top: 220px !important;
	top: -60px !important;
}
.heading1 {
	font-size: 2.0em;
	line-height: 120%;
	font-weight: 700;
}
.heading2 {
	font-size: 1.7em;
	line-height: 120%;
	font-weight: 700;
}
.heading3 {
	font-size: 1.4em;
	line-height: 120%;
}
.text1, .text1-center, .container-left p, .container-center p {
	font-size: 1.2em;
	line-height: 150% !important;
}
.text1-small {
	font-size: 1.2em;
	line-height: 150%;
}
.heading-50, .featured-projects-header p {
	font-size: 30px;
}
.alignleft img, .alignright img {
	width: 100% !important;
	padding: 8px;
	margin: 2px;
	border: 0 !important;
}
.project-heading {
	font-size: 24px;
	line-height: 30px;
}
.project-author {
	font-size: 12px;
	line-height: 15px;
}
.home-content-box {
	width: 100%;
}
.home-content-box img {
	width: 70%;
	margin-top: -20px;
}
#rit_view_project_video img {
	width: 90px;
	height: 32px;
}
.dotted-line-vert {
	margin: 0;
	border: none;
}
.border-dash {
  min-height:100% !important;
}
.thirty-box, .forty-box, .forty-nine-box, .fifty-box, .sixty-five-box, .seventy-box  {
	width: 99%;
	float: left;
	display: block;
}
.thirty-box {
	text-align: center;
}
.users-image-strip img {float:left; display:block;}

/*Challenge Slider on home page bottom */
.challenge-heading, .challenge-text {
	display:none !important;	
	}

}

/*   Phone  : 320px -----------------------------   */
@media only screen and (max-width: 479px) {

.ads-top, .ads-bottom, .ads-post, .scrollToTop, .main-menu {
	display: none !important;
}
	.dyeviners-box { margin: 15px 20px 15px 20px; }
	.two_fifth { width: 100%; clear: right; }
	.three_fifth { width: 100%; }
	.rit_studio_logout { top: 0px; }

.project-heading {
	font-size: 18px;
	line-height: 20px;
}
.project-author {
	font-size: 12px;
	line-height: 15px;
}
#sidebar, #footer-widget-area, .footer-bottom .container, #content-container, #content, #load-more:link, #load-more:visited {
	width: 100% !important;
}
#main-content .item-list.w3, #main-content .item-list.w2 {
	width: 93% !important;
}
#rit_view_project_video img {
	width: 90px;
	height: 32px;
}
.logo {
	text-align: center !important;
	margin: 0 !important;
	float: none !important;
}
header .search-block, header .social-icons {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	float: none !important;
	top: auto !important;
	margin: 8px auto 0 !important;
	background: none !important;/*width: 100%;*/
}
header .search-block {
	margin-top: 50px !important;
	top: -60px !important;
}
.header-login {
	position: absolute;
	top: 5px;
	left: 3%;
	z-index: 99;
	color: #14677e;
	font-weight: 400;
}
.header-shop {
	position: absolute;
	top: 5px;
	right: 3%;
	z-index: 98;
	color: #14677e;
	font-weight: 400;
}
.heading1 {
	font-size: 2.0em;
	line-height: 120%;
	font-weight: 700;
}
.heading2 {
	font-size: 1.7em;
	line-height: 120%;
	font-weight: 700;
}
.heading3 {
	font-size: 1.4em;
	line-height: 120%;
}
.text1, .text1-center, .container-left p, .container-center p {
	font-size: 1.2em;
	line-height: 150% !important;
}
.text1-small {
	font-size: 1.0em;
	line-height: 150%;
}
.container-left p b, .container-center p b {
	font-size: 1.2em;
	line-height: 150%;
}
.heading-50 {
	font-size: 25px;
}
.featured-projects-header p {
	width: 100%;
	font-size: 18px;
	font-weight: 300;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 35px 0 15px 0;
}
.alignleft img, .alignright img {
	width: 100% !important;
	padding: 8px;
	margin: 2px;
	border: 0 !important;
}
.home-content-box {
	width: 100%;
}
.home-content-box img {
	width: 70%;
	margin-top: -20px;
}
.dotted-line-vert {
	margin: 0;
	border: none;
}
.border-dash {
  min-height:100% !important;
}
.thirty-box, .forty-box, .forty-nine-box, .fifty-box, .sixty-five-box, .seventy-box  {
	width: 99%;
	float: left;
	display: block;
}
.thirty-box {
	text-align: center;
}
.users-image-strip img {float:left; display:block;}

/*Challenge Slider on home page bottom */
.challenge-heading, .challenge-text {
	display:none !important;	
	}
.challenge-button, .challenge-button img{
	width:85px !important;	
	max-width:85px !important;
	margin-left:1% !important;
	}	

}