/**
 * Styles for Standard/desktop size devices
 *
 * - Do not delete or rename this file, if you do not use it leave it blank.
 *
 * - There is an SCSS (SASS) version of this file in the /sass/ directory in your
 *   sub-theme, if you set "compass watch" this file will be overwritten!
 *
 * SEE the _README file in this directory, it contains useful information.
 */

/*



Color Scheme
#777: grey
#1f1f1f : dark grey
#1c1c1c : darker grey
Yellow: #FFBD3C



a:
h1: #FFBD3C
h2: #FFF
h3: #FFBD3C

Font


#

*/
#tcontainer{padding-bottom: 40px;}

.tpp > div{  width: 90%; margin: 0; background: #000; margin: 0 5%; overflow: hidden; }

.front .tpp > div{ max-width: none; width: 100%; margin: auto; background: none; margin: 0 auto; overflow: hidden; padding: 0; }


.logged-in .node-form{padding: 20px 30px;}

#super-header{ background: #000; display: table; min-height: 58px; }
	#super-header >div{background: inherit; position: fixed; z-index: 200; width: 90%; padding: 0 5%; margin: 0; overflow: visible; max-width: none; min-height: 58px; border-bottom: 2px solid #1f1f1f;}
#header{}
#header > div{margin: 0; }
#sub-header{padding: 0; margin: 30px 0 10px 0; }
#sub-header > div{position: relative;  overflow: visible !important; background: none;}
#page-title{margin-left: 150px; text-align: center;}
#page-messages{ }
#page-messages > div{ width: 90%; padding: 0 20px; }
.node-type-page #page-messages > div{ width: 90%;  }
#page-content{ }
	#page-content > div{ min-height: 500px;  padding: 30px 20px; }
#super-footer{  }
	#super-footer > div{ margin: 0 0 0 0; }
#footer{ position: fixed; bottom:0; left: 0; width: 100%; background: #111;  z-index: 200;}
	#footer >div{ width: 90%; padding: 10px 5%;  border-top: 2px solid #1f1f1f; max-width: none;  margin: 0;}
#sub-footer{ margin-bottom: 20px;}


.pane-inner{margin: 0;}

/************************************************************************************************************/
/*****THEME MINIPANELS*****/
/************************************************************************************************************/

/* Super Header */

#super-header a {color: #FFBD3C;text-decoration: none;}

#super-header span {margin-left: 7px;}
#user-links{float:right; padding:15px 0 0 0;}

/*Header*/

#header > div{ position: relative; overflow: visible !important; }


 #site-logo-ms{display: inline-block; float:left;  padding: 0 30px 0 0;}
 #site-logo-ms img{max-width: 75px; width:100%; border:2px solid #1f1f1f; border-radius: 3px;}

.not-front #site-logo-ms{top:20px; margin: 0 auto; }

#main-menu{float: right; display: inline-block; vertical-align: middle; padding-top:10px;}
#main-menu ul{border: none;}
#main-menu ul li{background: #000; border: none; display: inline-block; padding: 0 7px;}
#main-menu ul li a{color: #FFF; text-decoration:  none; font-size: 18px;}
#main-menu ul li a:hover{color:#FFF; border-bottom: 5px solid #FFBD3C;}
#main-menu ul li a.active{color: #FFF; border-bottom: 5px solid #FFBD3C;}

#channel-select{ display: inline-block; float: left; z-index: 200; margin: 15px 0 0 0;}
#channel-select .chosen-drop{}
#channel-select .chosen-single{}

#site-search input.form-submit{display: none;}

/* Footer */
#copyright-ms{display: inline-block; float:left;}
#social-links-ms a i{ font-size: 24px; margin: 0 3px;}
#social-links-ms{ display: inline-block; float: right; margin: 0 15px 0 0; }
#site-search{display: inline-block; float: right;}
#site-search #edit-search-block-form--2{border-radius: 5px;}
/************************************************************************************************************/
/***** Pages *****/
/************************************************************************************************************/
/*Home*/



.front #page-content{ background: url('/sites/all/themes/at_panels_everywhere/css/images/front-bg.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-size: contain; background-size: 100%; position: relative; }
.front #page-content > div{padding:0; }
.front #channel-select{  z-index: 300;}

.front #page-content > div{position: relative;}

#pane-content #md-slider{margin-top: 110px;}
.front #fp-category-menu{ position: absolute; top: 150px; left: 5%; z-index: 100; }

.front #fp-category-menu a{color: #FFF; font-size: 24px; text-decoration: none; text-shadow:  3px 2px 0px black; list-style: none; font-weight: bold;}



#channel-preview-slider{ position: absolute; bottom:0; width: 100%; z-index: 200;}
#channel-preview-slider > div{ margin: 0 auto; max-width:90%; background: rgba(0,0,0,.5); border-radius: 10px; margin: 0 5% 20px 5%;  padding: 20px 35px 0 35px; border: #777 solid 2px;  }

.front .slick-track img{padding: 0 5px;}
#channel-preview-slider .views-field-title a{font-size: 12px; color:#FFF; text-decoration: none; font-weight: bold;}
#channel-preview-slider .slick-arrow::before{color: #FFF; }
#channel-preview-slider .slick-arrow::after{color: #FFF;}
#channel-preview-slider .slick-prev{ left:-40px;}
#channel-preview-slider .slick-next{ right:-40px;}

#channel-preview-slider .views-field-title{text-align: center;}

.front .region-three-33-top{position: relative;}

#featured-front{}
#welcome-text{ text-align: justify;}
.front #front-user-menu .pane-content{ text-align: center;}
.front #front-user-menu a{margin-bottom: 25px;}

.front .pane-title{margin-top: 15px;  padding: 0 20px;}
.front .pane-user-login .pane-content{ margin-left: 20px;}

.front .pane-content p{padding: 5px 20px;}


/************************************************************************************************************/
/***** Channel Pages*****/
/************************************************************************************************************/


.node-type-channel #sub-header{display: none;}
.node-type-channel #page-content > div{ width:100%; position: relative; padding: 0; margin: 0;}
.node-type-channel #page-content > div > div{ padding: 0 29% 0 0; }

.node-type-channel  #page-content{width: 100%;}
.node-type-channel  #page-messages > div {margin: 0; width: 100%;}
.node-type-channel #super-footer > div{margin: 0; width: 100%;}


#channel-content{z-index: 2;}



#channel-row{min-height: 500px;}
#channel-row iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
#channel-row  .media-youtube-video {	position: relative;
	padding-bottom: 56.25% !important;
	padding-top: 25px;
	height: 0;
	}

#flexslider-1 img{z-index: 20;}






#channel-twitter img, #channel-facebook img, #channel-linkedin img{ max-width: 90%; text-align: center;}


.cvc-map-field{margin: 15px 0 10px 0;}
#channel-row{min-height: 550px;}
.contextual-links-region{position: static;}


.channel-view-content{width: 90% !important; margin: 0 5%; overflow: hidden;}
#channel-photos, #channel-videos{width: 100% !important; margin: 0;}
#channel-contact{width:80% !important; margin: 0; padding: 5%;}


/* Right Page*/
h2.channel-title{color: #FFF;}
h3.channel-name{color:#FFBD3C;}
#channel-menu-tab{position: absolute; right: 0px; top:0; z-index: 100; border-radius: 2px; border:3px #111 solid; width: 25%; padding: 0 2% 2% 2%; background: rgba(0,0,0, .9);  height: 100%;}

#channel-menu-tab .pane-content{ margin: 0 auto; width: 70%;}


#channel-home-bttn {}
.channel-buttons{ display: inline-block; width: 30%; padding: 1%;}
.channel-buttons i{width:40px; font-size: 50px; color: #FFBD3C;}
#channel-video-bttn i{color:#DD2825;}
#channel-facebook-bttn i{color:#3B5998;}
#channel-twitter-bttn i{color:#5FC5F2;}
#channel-linkedin-bttn i{color:#5FC5F2;}

#channel-logo{margin: 10px 0;}
#channel-logo img{width: 250px;}


/************************************************************************************************************/
/***** Channel Edit Pages*****/
/************************************************************************************************************/

#edit-field-body2-und-0-format{display: none;}


/************************************************************************************************************/
/***** User Pages*****/
/************************************************************************************************************/

#user-channel-link{ margin: 25px 0 10px 0;}
#user-channel-link a{}

#edit-actions input{margin-right: 10px;}








/************************************************************************************************************/
/***** User Pages*****/
/************************************************************************************************************/

#promo-carousel{ padding-top:20px;}

#promo-carousel .slick-track img{padding: 0 5px;}
#promo-carousel .views-field-title a{font-size: 12px; color:#FFF; text-decoration: none; font-weight: bold;}
#promo-carousel .slick-arrow::before{color: #FFF; }
#promo-carousel .slick-arrow::after{color: #FFF;}
#promo-carousel .slick-prev{ left:-50px;}
#promo-carousel .slick-next{ right:-50px;}

#promo-carousel > div{ margin: 0 auto;  background: rgba(0,0,0,.5); border-radius: 10px; margin: 0 5% 20px 5%;  padding: 20px 20px 20px 20px;  }


/************************************************************************************************************/
/***** Widgets *****/
/************************************************************************************************************/

#flexslider-1{border: none;}
.views-field-field-text-caption{background: #000; font-size: 18px;}
.views-field-field-text-caption > div{padding: 5px; text-align: center;}

.flex-direction-nav a {height: 70px;}


@media only screen and (max-width: 480px) {

  /*
    Float Region blocks example:
    In smaller screen sizes we can remove the float and widths so all blocks
    stack instead of displaying horizonally. The selector used here is an
    "attribute selector" which will match on any float block class. Use your
    inspector or Firebug to get the classes from the page output if you need
    more granular control over block alignment and stacking.

    "Float Region blocks" is an extension for floating blocks in regions, see
    your themes appearance settings, under the Extensions tab.
  */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }

}

/* Tablet sizes and up
@media only screen and (min-width: 768px) {
}
*/

/* Desktops/laptops and up
@media only screen and (min-width: 1025px) {
}
*/