/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

/* Main page Mobile */

#mobrow{
	margin-top:10px;
clear:both;	
}

#mobilemenuicon {
  float: left;
  width: 15%;
  text-align:left;
  margin-right: 10%;
}

#mobilelogo {
  float: left;
  width: 45%;
}

#mobiledonate{
  float: right;
}

a.mobdonbutton{
font-size: 90%;
  font-weight: normal;
  color: #FFF;
  background-color: #F60;
  padding: 7px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  -moz-border-radius: 10px;
  border-radius: 5px;
  font-family: 'Open Sans' !important;
  font-weight: 700;
  color: #000;
}


#mainpageshow{
display:none;
}

#zone-content-wrapper .gradiant {
background-color:white;
background-image:none;	
}

#mobilepageshow .schtime{
color:black;	
}

#mobilepageshow .schtitle a {
color:#33C;
text-decoration: none;
}

#mobilepageshow h1.bottomheader{
margin-top:10px;
margin-bottom:5px;	
}

#mobilepageshow .mobschedule{
	background-color:none;
}

#mobilepageshow .stories li {
margin-top: 20px;
}

#mobilepageshow .ada {
max-width: 100%;
}

#mobilepageshow .caption {
background-color: inherit;
width: 100%;
color: black;
z-index: 500;
padding: 0px;
left: 0px;
bottom: 20px;
opacity: 1;
font-weight: 400;
height: auto;
overflow: hidden;
position: relative;
}

#mobilepageshow p.captitle {
font-size: 100%;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans' !important;
padding-left:5px;
}

#mobilepageshow p.captitle {
font-size: 120%;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans' !important;
background-color: black;
}



#page-title {
font-family: Open Sans !important;
}

h1, h2, h3, h4, h5, h6 {
font-family: Open Sans !important;
}


#seeallvideo{
font-size: 60%;
font-family: "Open Sans" !important;
right: 0px;
top: 28px;
}

#seeallvideo a{
text-decoration:none;
}


p.half{
margin-bottom:10px;	
}


	
.newscontainer{
width:100%;	
margin-right:0%;
float: none;
}

.newscontainerlast{
width:100%;	
margin-right:0%;
float: none;
}

h2.newsheadline {
font-size: 14px;
font-family: "Open Sans" !important;
margin-top: 5px;
margin-bottom: 2px;
text-decoration: none;
line-height: 16px;
}

h4.newssubhead {
font-size: 12px;
color: black;
text-transform:uppercase;
font-family: "Open Sans" !important;
margin-top: 0px;
margin-bottom: 5px;
}

p.newsdesc{
font-size: 12px;
line-height: 15px;
color: #575656;
}


.media-youtube-outer-wrapper,
.media-youtube-preview-wrapper {
  height: auto !important;
  width: auto !important;
}

#section-content {
padding-top: 15px;
padding-bottom: 20px;
}

/*we turn these sections 'off' when someone looks at it mobile
#region-sidebar-second{
	display:none;
}
*/

#wrapperFooterNew, #wptfooter{
display: none;	
}

#search{
display:none;	
}

/* mobile menu */
#block-menu-menu-top-menu-shop-about-contact, #block-menu-menu-main-nav-menu{
display:none;	
}

#zone-menu-wrapper, #zone-footer {
	background-image:none;
}

#mobilenavmenu{
	padding-bottom:10px;
clear: both;
	}

#mobileheader{
width: 100%;
padding-top: 0px;

}

#mobilenav {
text-align: center;
margin-left: auto;
margin-right: auto;
}


a.mobilenavbtn {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #333333;
  text-decoration: none;
  display: block;
  width: 45%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5%;
  float: left;
  text-align: left;
  font-family: 'Open Sans' !important;
  font-weight: 400;
  text-transform: uppercase;
  outline: 1px solid #FFF;
}

a.mobilenavbtnWIDE {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #333333;
  text-decoration: none;
  display: block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: auto;
  text-align: center;
  font-family: 'Open Sans' !important;
  font-weight: 400;
  text-transform: uppercase;
}


a.smmobilenavbtn{
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #094f5a;
  text-decoration: none;
  display: block;
  width: 45%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5%;
  float: left;
  text-align: left;
  font-family: 'Open Sans' !important;
  font-weight: 400;
  text-transform: uppercase;
  outline: 1px solid #FFF;
}

a.mobilenavbtn:hover{
	background-color: red;
}

a.smmobilenavbtn:hover{
	background-color: red;
	color: #FFFFFF;
}

#mobsearchform{
  padding: 10px 0px 0px 0px;
}

#mobsearchform #q{
width: 100%;
  margin-right: 0%;
  background-image: url(images/magglass.png);
  background-repeat: no-repeat;
  background-position: right 4px;
}

#mobsearchform input#q {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: Open Sans;
  font-size: 18px;
}

.mpvideoimg{
min-width:100%;
}

/* we create a new footer style for mobile */
#wptfootermobile{
display: block;
padding: 10px;
color: white;
font-weight: bold;
}


/*headline block */

section#block-addtoany-addtoany-button {
     margin-top: 10px;
    margin-bottom: 20px;
}

#block-views-headlines-block-block{
	font-family: 'Open Sans' !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom:10px;
}

#block-views-headlines-block-block h5 {
	font-family: 'Open Sans' !important;
	font-size:120%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#block-views-headlines-block-block a h5 {
	text-decoration: none;
	color: #0062A0;
}

#block-views-headlines-block-block a:hover h5 {
	text-decoration: underline;
	color: #0062A0;
}

.view.view-headlines-block.view-id-headlines_block.view-display-id-block.headlines{
	padding-left:10px;
}

#block-views-headlines-block-block a {
	text-decoration: none;
	color: #333;
}

#block-views-headlines-block-block a:hover {
	text-decoration: underline;
}


/*Daily Downton block */
#block-views-headlines-block-block-1{
	font-family: 'Open Sans' !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom:10px;
	background-image:url(images/dailydownton.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right:130px;
}

#block-views-headlines-block-block-1 h5 {
	font-family: 'Open Sans' !important;
	font-size:120%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#block-views-headlines-block-block-1 a h5 {
	text-decoration: none;
	color: #0062A0;
}

#block-views-headlines-block-block-1 a:hover h5 {
	text-decoration: underline;
	color: #0062A0;
}

.view.view-headlines-block.view-id-headlines_block.view-display-id-block_1.headlines{
	padding-left:10px;
}

#block-views-headlines-block-block-1 a {
	text-decoration: none;
	color: #333;
}

#block-views-headlines-block-block-1 a:hover {
	text-decoration: underline;
}

/* new blog block */
#block-views-headlines-block-new-blog-hl {
    border: solid;
    border-width: 1px;
    border-top-width: 4px;
    border-color: #ccc;
	border-top-color: #000;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    display: block;
}

#block-views-headlines-block-new-blog-hl .view-header {
    margin-top: -5px;
}

#block-views-headlines-block-new-blog-hl .view-footer {
    margin-top: -6px;
}


h2.newblogtitle {
    margin-bottom: 10px;
}

h2.newblogtitle a{
	text-decoration:none;
    font-size: 24px;
}

.newhlimage {
    float: left;
    overflow: auto;
    margin-right: 10px;
}

.newbloghl {
    overflow: auto;
    margin-bottom: 20px;
}

.newhltitle a {
    text-decoration: none;
    font-weight: bold;
    font-family: Open Sans;
    font-size: 14px;
}

.newhldate {
    color: #696969;
    font-family: Open Sans;
    font-size: 14px;
}

.newmore {
    clear: both;
}

.newmore a {
    text-decoration: none;
    font-size: 14px;
}


/* social icons */
.social-icons .fa {
	font-size: 1.8em;
}

.socialmedia{
	padding-left: 0;
	list-style: none;
	margin-bottom: 5px;
}

.socialmedia li {
	display: inline-block;
	padding-right: 20px;
	margin-bottom: 10px;
}

/*Change icons circle size and color here*/
.social-icons .fa {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	/*color: rgba(255, 255, 255, 0.8);*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	background-color:#504e54;
	/*-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; */
}

 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#537bbd;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#78cdf0;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#e9654b;}

/* infintie scroll */
.pager--infinite-scroll {
    background: none;
    border: 0px;
    border-color: #fff;
}

.pager--infinite-scroll li.pager__item {
    border: 0px;
}

ul.pager.pager--infinite-scroll li.pager__item a {
    background: #0166ff;
    color: #fff;
    font-size: 120%;
    border-radius: 5px;
}