/* 
colors
dark background #262324;
light background #EEEEEE;
light background #AAAAAA; <-nav bar buttons

fonts
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/

html{
height:100%;

/*Responsive background
background-color: #E3E3E3;
background-image: url('../imgs/arrgray.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
*/

}

#page,
.region-bottom{
max-width:1600px;
}

#first-time{
display:none;
}

body{
/*
	font-family:Georgia,serif;
	Font being rendered: Georgia;
*/
  font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 1.69em (30.42px);
	vertical-align: baseline;
	letter-spacing: normal;
	word-spacing: 0px;
  text-rendering:optimizeLegibility;
}

a, a:visited{
 text-decoration:none;
 color: #FF6633;
}

.block{
margin-bottom: 0;
}

h2{
 /*font-family: 'Enriqueta', serif;*/
}

.node-tutorial {
	width: 100%;
  font-family: "Open Sans",sans-serif; 
}

.node-tutorial .media-vimeo-video iframe{
	width: 100%;
}
.node-tutorial .field-name-body img{
 max-width:500px;
}

#header {
	position:fixed;
	/*background-color:#FFF;*/
	/*background-color:rgba(230,230,230,1);*/
  background-color:#262324;
	z-index:2000;
	width:100%;
  left:0;
  height: 40px;
}
#header #logo{
 position:absolute;
}

.not-logged-in #header #block-menu-menu-not-logged-in-menu{
	float:right;
  margin:0;
 /*padding: 8px 0;*/
 }
.not-logged-in #header #block-menu-menu-not-logged-in-menu .menu{
  margin:0;
 }
.not-logged-in #header #block-menu-menu-not-logged-in-menu .menu li{
list-style: none outside none;
height: 40px;
position: absolute;
width: 145px;
background-color: #262324;
right: 0px;;
}
.not-logged-in #header #block-menu-menu-not-logged-in-menu .menu li:hover{
	list-style:none;
  background-color: #FF6633;
}
.not-logged-in #header #block-menu-menu-not-logged-in-menu .menu li a{
text-decoration: none;
color: #FFF;
text-transform: uppercase;
padding: 8px 5px 0px;
position: absolute;
right: 10px;
height: 40px;
}



.region-sidebar-first{
position:fixed;
/*max-width:240px;*/
max-width:300px;
min-width:300px;
/*min-width:240px;*/
}

#block-system-main-menu{
 display:none;
}

#block-views-exp-fuzzysearch-page{
 width:300px;
}

#block-nice-menus-1{
	width: 100%;
  width: 300px;
	/*height: 40px;
  margin-bottom:20px;*/
}

#block-nice-menus-1>ul>li{
height:40px;
padding:0px;
}

#block-nice-menus-1 a,
#block-nice-menus-1 a:visited,
#block-nice-menus-1 span{
 text-decoration:none;
 color:#AAA;
 padding: 10px 0 0 10px;
 font-weight:bold;
}

#block-nice-menus-1 a:hover,
#block-nice-menus-1 span:hover{
 color:#FF6633;
}

#block-nice-menus-1 .menuparent:hover ul,
#block-nice-menus-1 .menu-path-nolink:hover ul{
	visibility:visible;
	display:block;
	margin-top:0px !important;
}

ul.nice-menu-right,
ul.nice-menu-left,
ul.nice-menu-right li,
ul.nice-menu-left li {
    width: 100%;
}

ul.nice-menu-right ul {
    width: 100%;
    left: 100%;
    top: -1px;
} 


#block-nice-menus-2,
#block-nice-menus-3{
 font-family: 'Roboto Condensed', sans-serif;
 float:right;
 padding: 0 20px 0 20px;
/* margin-top:3px;*/
}

#block-nice-menus-3{
 padding: 0 0 0 20px;
 margin-right:-10px;
}

ul.nice-menu-right li.menuparent, 
ul.nice-menu-right li li.menuparent {
  background: url('../imgs/arrgray.png') no-repeat scroll right center #EEE;
  background-size: 12px;
  background-position: 96%
}

ul.nice-menu-right li.menuparent:hover, 
ul.nice-menu-right li li.menuparent:hover {
  background: url('../imgs/arrhighlight.png') no-repeat scroll right center #EEE;
  background-size: 12px;
  background-position: 96%
}

#block-nice-menus-2 li,
#block-nice-menus-3 li{
	width: 140px; 
  margin: 0;
  text-align:center;
 /* background-color:#AAA;*/
  background-color:#262324;
  cursor:pointer;
  border:none;
  height:40px;
}
#block-nice-menus-2 li:hover,
#block-nice-menus-2 li:focus,
#block-nice-menus-3 li:hover,
#block-nice-menus-3 li:focus{
  background-color:#FF6633;
}

#block-nice-menus-2 li a,
#block-nice-menus-3 li a{
 text-decoration:none;
 color:#FFF;
 text-transform:uppercase;
 padding: 8px 0 0;
}

#block-nice-menus-3 li.last{
 width: 200px;
 margin-right:0;
 margin-left:0;
}

#block-nice-menus-2 li.last{
 margin-right:0;
 width: 32px;
 height: 32px;
 border-radius: 50%; 
 background-color:#FF6633;
 margin-top: 4px;
 background-position: center center;
 background-size: cover;
}
#block-nice-menus-2 li.menu-939{
 width: auto;
 min-width: 140px;
 margin-right: 20px;
 padding: 0 5px;
}
#block-nice-menus-2 li.menu-939 a{
 text-transform:none;
}
.menu-940 {
 background-size: cover;
 background-repeat:no-repeat;
 width: 32px;
 height: 32px;
}
.menu-940 a{
 height: 20px;
 width: 20px;
}


.region-header #block-block-1 {
position: fixed;
right: 0px;
top: 40px;
background-color: #F63;
width: 200px;
height: 100px;
background-image: url('../imgs/signuparrow.png');
background-repeat:no-repeat;
}
.region-header #block-block-1 p{
 color: #FFF;
 padding: 0px 30px;
}

#block-nice-menus-1 ul.nice-menu, 
#block-nice-menus-1 ul.nice-menu ul {
    list-style: none outside none;
    padding: 0px;
    margin: 0px;
    border-top: 0px solid #CCC;
}

#block-nice-menus-1 ul.nice-menu li {
    border-right: 0px solid #CCC;
    border-width: 0px 0px 0px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #CCC #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    float: left;
    background-color: #EEE;
}




ul.nice-menu ul, #header-region ul.nice-menu ul {
    position: absolute;
    visibility: hidden;
    max-height: 500px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    width:auto;
}

.view-featured-blog .views-row,
.view-top-rated-courses .views-row,
.view-top-rated-tutorials .views-row,
.view-featured-courses .views-row,
.view-featured-tutorials .views-row,
.view-10-min-tutorials .views-row,
.view-courselist .views-row,
.view-courses .views-row,
.view-taxonomy-view-all .views-row,
.view-id-designalyzetaxonomyview .views-row,
.view-id-tutorials .views-row{
 width: 33.3%;
 min-height:500px;
 float: left;
 margin-bottom:50px;
 height:auto;
}

.view-featured-blog .tutorial-card,
.view-top-rated-courses .tutorial-card,
.view-top-rated-tutorials .tutorial-card,
.view-featured-courses .tutorial-card,
.view-featured-tutorials .tutorial-card,
.view-10-min-tutorials .tutorial-card,
.view-courselist .tutorial-card,
.view-courses .tutorial-card,
.view-taxonomy-view-all .tutorial-card,
.view-id-designalyzetaxonomyview .tutorial-card,
.view-id-tutorials .tutorial-card{
max-width:300px;
margin-left:5px;
margin-right:5px;
position:relative;
}

.course .info .course-color,
.tutorial-card .field-name-field-course-color,
.feed-icon,
.view-courselist .tutorial-card .field-name-field-course-color ,
.view-courses .tutorial-card .field-name-field-course-color ,
.view-featured-courses.tutorial-card .field-name-field-course-color ,
.view-featured-tutorials .tutorial-card .field-name-field-course-color ,
.view-top-rated-courses .tutorial-card .field-name-field-course-color ,
.view-top-rated-tutorials .tutorial-card .field-name-field-course-color ,
.view-taxonomy-view-all .tutorial-card .field-name-field-course-color ,
.view-id-designalyzetaxonomyview .tutorial-card .field-name-field-course-color ,
.view-10-min-tutorials .tutorial-card .field-name-field-course-color ,
.view-id-tutorials .tutorial-card .field-name-field-course-color {
 display:none;

}

#block-views-featured-blog-block,
#block-views-featured-courses-block-1,
#block-views-featured-tutorials-block,
#block-views-top-rated-courses-block-1 ,
#block-views-top-rated-tutorials-block {

width:100%;
float:left;
}


#block-views-featured-blog-block h2,
#block-views-featured-courses-block-1 h2,
#block-views-featured-tutorials-block h2,
#block-views-top-rated-courses-block-1 h2,
#block-views-top-rated-tutorials-block h2{
 border-bottom:1px solid #ff6633;
 margin-bottom:30px;
}


.tutorial-card .info{
 padding:0 10px 10px 10px;
 color:#FFF;
}


.course .course-icon,
.tutorial-card .field-name-field-course-icon {
	margin-left: auto;
	margin-right: auto;
	width: 75px;
	margin-top: -45px;
}
.course .course-icon img ,
.tutorial-card .field-name-field-course-icon img ,
.tutorial-card .author img {
 border-radius:50%;
}
.tutorial-card .course-title{
 font-size:12px;
 font-weight:bold;
}

.tutorial-card .field-name-field-blog-post-taxonomoy-name a,
.tutorial-card .field-name-field-blog-post-taxonomoy-name a:visited,
.tutorial-card .field-name-field-coursetaxname a,
.tutorial-card .field-name-field-coursetaxname a:visited{
 text-decoration:none;
 color:#fff;
}
.tutorial-card .title{
 font-size:22px;
 font-weight:bold;
}
.tutorial-card .title a,
.tutorial-card .title a:visited{
 text-decoration:none;
 color:#fff;
}

.tutorial-card .body{
 font-size:12px;
}
.tutorial-card .body p {
 padding:0;
 margin:10px 0;
 line-height:15px;
}
.tutorial-card .rating{
 bottom:10px;
}

.tutorial-card .author{
 font-size: 12px;
 /*position: absolute;*/
 width: auto;
 bottom:10px;
}
.tutorial-card .author .useravatar{
 right: 10px;
 position: absolute;
 bottom: 5px;
}

.tutorialflag,
.course .courseflag{
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
text-align: center;
background-color: #F63;
border-radius: 0px 0px 0px 20px;
overflow:hidden;
}
.tutorialflag a,
.course .courseflag a,
.course .courseflag a:visited{
 /*color:#fff;
 font-size:18px;
 */
 color: #FFF;
 font-size: 50px;
 line-height: 40px;
}
 

.views-field-addtoany-link{
 max-width: 300px;
 margin-left:5px;
 margin-right:5px;
 margin-top: 2px;
 background-color:#e3e3e3;
 height:28px;
 }
.views-field-addtoany-link>span{
 /*
 border:1px solid #ccc;
 border-radius:0 0 5px 5px;
*/
}

/*
****************************************************
* Complete or Incomplete Flag
*****************************************************
*/

.flag-mark-complete .flag-action {


}
 
.flag-mark-complete .unflag-action  {
color:#27ae60;

}

.view-course-taxonomy-view ul .views-row-even ,
.view-my-courses ul .views-row-even {
 background-color:#EEE;
}
.view-my-courses ul ,
.view-course-taxonomy-view ul {
 list-style:decimal-leading-zero;
 border: 1px solid #E3E3E3;
 padding: 30px;
 margin-top:0;
}

.view-my-courses .item-list h3 ,
.view-course-taxonomy-view .item-list h3 {
 border-width: 1px 1px 0px;
border-style: solid solid none;
border-color: #E3E3E3 #E3E3E3 -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
margin-bottom: 0px;
padding: 10px;
}

.view-my-courses ul li,
.view-course-taxonomy-view ul li {
margin-bottom: 30px;
padding:10px;
}

#block-block-2 {
 float:left;
}

/*
****************************************************
* Tutorial content 
*****************************************************
*/

.file-icon {display:none;}

.group-rating,
.group-markcomplete,
.group-taxonomy,
.group-taxonomyblog,
.field-name-field-files {
 border: 1px solid #CCC;
 margin: 10px 0px;
 padding: 10px;
}

.group-rating h3,
.group-addtocourse h3,
.group-markcomplete h3,
.group-taxonomyblog h3,
.field-name-field-files h3 {
 margin: 0;
}

.group-addtocourse{
width: 100%;
position: relative;
height: 30px;
margin: 10px 0px;;
} 

.group-addtocourse h3,
.group-addtocourse div{
 float:left;
 width:auto;
}

.group-addtocourse .flag-outer{
width: 30px;
background-color: #F63;
height: 30px;
border-radius: 30px;
margin-left:20px;
}

.group-addtocourse .flag-wrapper a{
color: #FFF;
font-size: 30px;
text-align: center;
padding: 6px; 
}

.node-tutorial .field-name-body{
max-width:900px;
}

.field-name-field-video-transcript{
max-width:900px;
}

/*
****************************************************
* blockquote
*****************************************************
*/

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/*
****************************************************
* Code block
*****************************************************
*/

div.geshifilter {
 background-color: #FFF;
 margin:20px 0;
 padding:1em;

}
/*
****************************************************
* Profile 
*****************************************************
*/
.profile > h3,
.profile dt,
.profile dd
{
display:none;
}
.profile dt,
.profile dd
{
display:none;
}

.view-about-page .views-row {
width:50%;
float:left;
}

.view-about-page .views-field-field-useravatar,
.entity-profile2 .field-name-field-useravatar img{
 max-width:200px; 
}

.view-about-page .views-field-field-bio, 
.entity-profile2 .field-name-field-bio {
 max-width:500px;
}
.view-about-page .views-field-field-website ul{ 
 list-style:none; 
 margin-left:0;
 padding-left:0;
}

#user-profile-form #edit-picture{
display:none;
}

.view-about-page .views-field-field-first-name ,
.view-about-page .views-field-field-last-name {
 width:auto;
 float:left;
}

.view-about-page .views-field-field-twitter{
 width:100%;
 float:left;
}

.view-about-page .views-field-field-first-name{
 margin:0 10px 0 0;
} 

/*
****************************************************
* related content 
*****************************************************
*/


#block-views-related-content-block{

 width: 100%;
}
.view-related-content {
box-shadow: 0px 0px 0px 1px #CCC inset;
width: 60%;
margin-bottom: 20px;
min-height: 300px;;

}
.view-related-content .views-row {
 width: 33.3%;
 float:left;

}

.related-content{
padding:20px;
margin-left:auto;
margin-right:auto;
}

.related-content .image img,
.related-content .title{
margin-left:auto;
margin-right:auto;
}
/*
****************************************************
* Comments 
*****************************************************
*/

#comments {
 border: 1px solid #ccc;
 padding:10px;
}
#comments a.permalink {
display:none;
}

#comments .form-actions input{
  background-color: #FF6633; 
 width: 10%;
 border:none;
 border:0;
 color:#FFF;
 padding: 20px 0;
line-height: 20px;
}

/*
****************************************************
* Articles and Blog
*****************************************************
*/

 .node-article .field-name-body{
 max-width: 500px;
}
.group-authorinfo h3 {
 float: left;
 width: 30px;
 margin: 0px;
}
.group-authorinfo .field-name-author {
 float: left;
 width: 100px;
}

.group-authorinfo  {
 margin-bottom: 20px;
 border-bottom: 1px solid #CCC;
 height: 35px;;
}
/*
****************************************************
* Contact Page
*****************************************************
*/

.node-webform .field-name-body{
margin-left: auto;
margin-right: auto;
max-width: 500px;
}

#webform-client-form-7{
 max-width:500px;
 margin-left:auto;
 margin-right:auto;
}

#webform-client-form-7 #edit-submit{
  background-color: #FF6633; 
 width: 100%;
 border:none;
 border:0;
 color:#FFF;
 padding: 20px 0;
line-height: 20px
}

/*
****************************************************
*Login
*****************************************************
*/
.toboggan-unified {
 max-width:320px;
 margin-left:auto;
 margin-right: auto;
}

.toboggan-unified #login-message{
	font-size: 20px;
  font-weight:bold;

}

.toboggan-unified #login-message a,
.toboggan-unified #login-message a:visited{
 text-decoration:none;
 color: #FF6633;
 
}

.toboggan-unified #login-links a.lt-active, 
.toboggan-unified #login-links a.lt-active:hover {
    background-color: #FF6633;
    border: 0px solid #333;
    color: #FFF;
    font-size: 20px;
    text-decoration:none;
}
.toboggan-unified #login-links a {
    padding: 0px;
    background-color: #EEE;
    border: 0px solid #333;
    color: #AAA;
    font-size: 20px;
    margin: 10px 0;
    float:left;
    width:100%;
    text-decoration:none;
    padding: 20px 0;
    line-height:20px;
}
.toboggan-unified #login-links a:hover {
box-shadow: 2px 2px 1px #aaa;
}

.toboggan-unified .description{
  font-size:.5em;
  color:#787878;
  line-height:1.5em;
}


.toboggan-unified .login-forgot a,
.toboggan-unified .login-forgot a:visited{
  font-size: 12px;
  text-decoration:none;
  color:#787878;
}
.toboggan-unified .login-forgot a:hover{
 font-weight:bold;
}

.toboggan-unified .form-submit{
 background-color: #FF6633; 
 width: 100%;
 border:none;
 border:0;
 color:#FFF;
 padding: 20px 0;
line-height: 20px;
}
.toboggan-unified .form-submit:hover{
box-shadow: 2px 2px 1px #aaa;
}
.toboggan-unified .password-parent,
.toboggan-unified .confirm-parent{
width: 100%;
}
.toboggan-unified .password-strength{
 float:left;
 width: 100%;
}
.toboggan-unified input.password-confirm,
.toboggan-unified input.password-field {
    width: 100%;
    margin-bottom: 0;
}
 
.toboggan-unified #edit-profile-main{
 margin:0;
 padding:0;
 border:none;
 border:0;
 max-width:320px;
}
.toboggan-unified #edit-profile-main .fieldset-wrapper{
 max-width:320px;
}
.toboggan-unified tr.even,
.toboggan-unified tr.odd{
    background-color: #FFF;
    border-bottom: 0px solid #CCC;
    padding: 0.1em 0.6em;
}
.toboggan-unified .tabledrag-toggle-weight-wrapper {
display:none;
}
.toboggan-unified #field-website-values th,
.toboggan-unified #field-website-values td{
    overflow: hidden;
    max-width: 278px;
}

.toboggan-unified form th {
    border-bottom: 0px solid #CCC;
}

#edit-profile-main-field-useravatar-und-0-upload{
	padding:10px 0;
}

.toboggan-unified #edit-actions--2{
 margin-bottom:40px;
}

.ok,
.messages--status,
.error,
.messages--error{
background-color: #E3E3E3;
color: #F63;
max-width: 300px;
background-image: none;
margin-left: auto;
margin-right: auto;
padding: 10px;;
border: 0;
text-align: center;
}
.error a,
.messages--error a{
 text-decoration:none;
 color:#787878;
}
.error a:hover,
.messages--error a:hover{
 font-weight:bold;
}
/*
****************************************************
*Search
*****************************************************
*/
#edit-search-api-views-fulltext-wrapper {
 width:100%;
}
#edit-submit-fuzzysearch,
#edit-search-api-views-fulltext-wrapper label{
 display:none;
}

.views-exposed-widgets,
.views-exposed-form .views-exposed-widget {
	margin:0;
  padding: 0;
}

#edit-search-api-views-fulltext {
 height:40px;
 width:100%;
 padding-left:10px; 
 background-color:#e6e6e6;
 border:none;
 background: url('../imgs/Search2.png') no-repeat scroll right center #EEE;
 background-position: 96%;
 background-size: 20px;
}

.view-fuzzysearch {
width:100%;
}
.view-fuzzysearch .views-row {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #ccc;
}

.view-fuzzysearch .node > a{
width:25%;
float:left;
}
.view-fuzzysearch .group-left{
width:100%;
background-position:center center;
background-repeat:no-repeat;
}
.view-fuzzysearch .group-right{
width:75%;
}
.view-fuzzysearch .group-right h2{
margin-top:0;
}

.view-fuzzysearch .group-right div{
margin-left:30px;
}


/*
Ads
*/

#block--managed-4,
#block--managed-5,
#block--managed-7,
#block--managed-8{
display:none;
}


li > p{
	margin:0px;
}

/*
@media all and (min-device-width: 480px) and (max-device-width: 768px)   {

.sidebar-first #content {
    float: left;
    width: 70%;
    margin-left: 30%;
    margin-right: -100%;
}


}
*/

@media all and (min-width: 480px) and (max-width: 1024px) {
#block-views-exp-fuzzysearch-page{
 width:250px;
}

#block-nice-menus-1{
	width: 100%;
  width: 250px;
	/*height: 40px;
  margin-bottom:20px;*/
}

#block--managed-7,
#block--managed-8{
display:block;
}

#block--managed-1,
#block--managed-3{
display:none;
}

.view-related-content {
width: 100%;

}

}

/*@media all and (min-device-width: 320px) and (max-device-width: 480px)   {*/
@media all and (min-width: 320px) and (max-width: 480px)   {



body { 

}

#header{
padding:0;
}

#block-nice-menus-2,
#block-nice-menus-3{
padding:0;
margin-top:40px;
background-color:#262324;
}


#block-nice-menus-3{
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

#block-nice-menus-2 li,
#block-nice-menus-3 li {
 width:auto;
 height: 40px;
 padding: 0 10px;
}

#block-nice-menus-3 li.last {
 width:auto;
}

.menu-940 {
 padding:0 !important;
}

.region-header #block-block-1 {
 position: fixed;
 top: 80px;
 width:100%;
 height:40px;
 background-position: 196px 0px;
 background-size: 17%;
}

.region-header #block-block-1 p {
    color: #FFF;
    padding: 0px 30px;
    margin-top: 10px;
}

#block-nice-menus-1{
 display:none;
}
#block-system-main-menu{
display:block;
font-size: 14px;
background-color: #eee;
}
.menu__item.is-leaf{
 list-style:none;
}

#content {
 margin-top:120px;
}

.region-sidebar-first {
 position:relative;
 max-width:100%;
 float:left;
}

ul.nice-menu-right ul {
 left:0;
}

.view-featured-blog .views-row,
.view-top-rated-courses .views-row,
.view-top-rated-tutorials .views-row,
.view-featured-courses .views-row,
.view-featured-tutorials .views-row,
.view-10-min-tutorials .views-row,
.view-courselist .views-row,
.view-courses .views-row,
.view-taxonomy-view-all .views-row,
.view-id-designalyzetaxonomyview .views-row,
.view-id-tutorials .views-row{
 width: 100%;
}

.view-related-content {
 width:100%;
 min-height:900px;
}

.view-related-content .views-row {
    float: left;
    width: 100%;
}

.view-about-page .views-row {
    width: 100%;
    float: left;
}

#comments .form-actions input{
  background-color: #FF6633; 
 width: 100%;
 border:none;
 border:0;
 color:#FFF;
 padding: 20px 0;
line-height: 20px;



}

/*
 Ads
*/

/*970 x 90 banner ad*/
#block--managed-3,
#block--managed-6,
#block--managed-7,
#block--managed-8{
 display:none;
}


#block--managed-4,
#block--managed-5{
display:block;
}