/*
Theme Name: Twenty Fourteen Chameleon
Theme URI: http://www.marlowstriders.co.uk
Description: Chameleon addon for the Twenty Fourteen design
Author: Doug Vickers
Author URI:http://www.marlowstriders.co.uk
Template: twentyfourteen
Version: 1.0
*/

@import url("../twentyfourteen/style.css");

/* fix scroll bars of IE11 */

html
{
-ms-overflow-style:scrollbar;
}
 
.widget a:hover,.site-info a:hover
{
color:yellow;
}

.widget a, .site-info a
{
color:white;
}

#primary
{
min-height:1050px;

}

.sidemenu_position
{
padding-top:75px;
}
 
/* fix offset height - left hand menu */

@media screen and (max-width: 1000px) {
.sidemenu_position
{
padding-top:110px;
}
}

@media screen and (max-width: 900px) {
.sidemenu_position
{
padding-top:130px;
}
}













@media screen and (min-width: 1100px) {
.xsidemenu_position
{
margin-top:50px;
}
}

@media screen and (max-width: 1099px) {
.xsidemenu_position
{
margin-top:30px;
}
}

@media screen and (max-width: 999px) {
.xsidemenu_position
{
margin-top:10px;
}
}

@media screen and (max-width: 899px) {
.xsidemenu_position
{
margin-top:0px;
}
}


   

@media screen and (min-width: 783px) {
.custom-footer 
{
    display:none;
}
/* enables padding around the page */
body
{
width:96%;
padding-left:15px;
padding-right:0px;
padding-top:30px;
padding-bottom:5px
}

/* enables page shadows and rounded corners*/
#page
{
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
-webkit-box-shadow: 8px 8px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    8px 8px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         8px 8px 5px 0px rgba(50, 50, 50, 0.75);

-moz-border-radius-topright: 14px;
-webkit-border-top-right-radius: 14px;
border-top-right-radius: 14px;
-moz-border-radius-topleft: 14px;
-webkit-border-top-left-radius: 14px;
border-top-left-radius: 14px;
}

/* defines the header - section above the main menu */
#site-header
{
-moz-border-radius-topright: 14px;
-webkit-border-top-right-radius: 14px;
border-top-right-radius: 14px;
-moz-border-radius-topleft: 14px;
-webkit-border-top-left-radius: 14px;
border-top-left-radius: 14px;


}

.site-footer
{
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
border-bottom-right-radius: 14px;
-moz-border-radius-bottomleft: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-left-radius: 14px;
}

}

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

.sidemenu_position,
.sidemenu_position .fixed-content-sidebar,
#primary-navigation
{
display:none;
}

.custom-footer .fixed-content-sidebar
{
    display:visible;

}


}




.custom-footer .fixed-content-sidebar
{width:88%;
margin-left:10px;
margin-right:0px;
margin-bottom:-5px;

-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;}



.primary-navigation .menu-toggle{
display:hidden!important;
}

.primary-navigation.toggled-on .nav-menu  a:
{
background-color:transparent!important;
}

.primary-navigation ul ul a:hover,	
.primary-navigation ul ul li.focus > a {
background-color:transparent;
}
/* define right side menu */
.fixed-content-sidebar 
{margin-left:25px;
position: relative;
height:100%;
}

@media screen and (min-width: 783px) {
.sidemenu_position  { position:absolute;top:0px;width:20%;
max-width:20%} 
}

/* hide the black left bar */
.site:before {background-color:transparent!important;}

/* this stops the original green meu bar briefly appearing  */
.site-header {
background-color: transparent;
}

.search-toggle, #search-container {display: none;}

.primary-sidebar
{
background-color:transparent;
}

#secondary
{
background-color:transparent;
}



@media screen and (min-width: 1225px) {
body
{
min-width:1225px;

}
}


#page
{

  margin-left: auto;
  margin-right: auto;
  
  
}





.content-sidebar {
    margin-left: -56%!important;
    width: 24%!important;
margin-right:10px;
}






.site-content {
    margin-left: -5%;
    margin-right: 24%;
	/* background-color: green; */
}

 .site-content .entry-header ,.site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    max-width: 1250px!important;
	
}

.site-header {
	
	}



.primary-navigation {
float: left!important;
font-size: 12px;
margin: 0 1px 0 -12px;
padding: 0;
text-transform: uppercase;
}



.site:before,#secondary {
			display: none;
		}
		
		

.entry-meta, .comments-area
{
display:none;
}

#content-sidebar
{

border:3px solid transparent!important;
margin-top:-18px!important;

}

#content-sidebar .widget,
.fixed-content-sidebar
{

padding-top:15px;
margin-top: 15px;
padding-top: -15px;
padding-bottom: 10px;
padding-left: 15px;
margin-right: 15px;
margin-bottom:10px;


}


.fixed-content-sidebar
{
width:100%;

margin-top:0px;
margin-left:-10px;
position:relative;
z-index:3;
}


#content-sidebar .widget .widget-title,
.fixed-content-sidebar .widget-title

{
color:black;
text-transform: uppercase;
}

.fixed-content-sidebar .widget-title
{
	margin: 0 0 18px;
	padding-top: 7px;
}


/* Secondary Navigation */

#content-sidebar {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 12px;
	margin: 48px 0;

}
#content-sidebar a {
	padding: 9px 0;
}



 .advanced_menu_widget li
{

font-size:14px;
line-height:20px!important;

padding-top:4px!important;
padding-bottom:4px!important;

}


 #content-sidebar .advanced_menu_widget li
{

font-size:14px;
min-height:30px!important;
vertical-align:middle;
}

.custom-footer  .advanced_menu_widget li
{

font-size:14px;
max-height:30px;
vertical-align:middle;
}

.tweak-footer li
{
font-size:12px;
line-height:15px;
vertical-align:middle;
max-height:65px;
margin-top:5px;
padding-bottom:5px;
}

.custom-footer .advanced_menu_widget 
{
min-height:800px;

}





.custom-footer
{
min-height:700px;
}


.fixed-content-sidebar-children li
{
line-height:0px!important;
}

::selection {
	background: blue; /* Safari */
	}
::-moz-selection {
	background: blue; /* Firefox */
}

body 
{
scrollbar-highlight-color: blue;
scrollbar-face-color: gray;
  scrollbar-arrow-color: yellow;

}
/******** sets up the header placeholder for the widgets ***********/
#side-header img
{
width:100%;
}

#side-header-align 
{

float:left;
width:100%;
margin-bottom:-70px;
}

#side-header-align  .widget
{
float:left;
}

.widget_meta 
{
list-style-type:none;
}

.advanced_menu_widget
{
list-style-type:none;

}




/************* define menu icons ************************/
.ext-link-yellow-icon a{
   padding-left: 20px !important;
   background-image: url(images/ext_link_yellow.gif);
   background-position: left;
   background-repeat: no-repeat;
}

.ext-link-blue-icon a{
   border-left:10px;
   padding-left: 20px !important;
   background-image: url(images/ext_link_blue.gif);
   background-position: left;
   background-repeat: no-repeat;
}

.ext-link-grey-icon a{

   padding-left: 20px !important;
   background-image: url(images/ext_link_grey.gif);
   background-position: left;
   background-repeat: no-repeat;
}

.youtube-icon a{

   padding-left: 85px !important;
   margin-left:-10px;
   background-image: url(images/YouTube.png);
   background-position: left;
   background-repeat: no-repeat;
}

.youtube-icon-no-margin-left a{

   padding-left: 85px !important;
   
   background-image: url(images/YouTube.png);
   background-position: left;
   background-repeat: no-repeat;
}

.youtube-icon-white a{

   padding-left: 85px !important;
   margin-left:-15px;
   background-image: url(images/YouTube-logo-full_color.png);
   background-position: left;
   background-repeat: no-repeat;
   background-color:white;
}