/* Standard */
@import url(seasons/cms.css);
@import url(seasons/forms.css);

/* Season Specific */
@import url(seasons/structure/structure11.css);

/* Custom styles *//* @version 1.0 */
/* use this to ref font font-family: 'Open Sans', sans-serif; font specified by AFC*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

h1::after

{content: "\A Proudly supporting  those who serve";color: #fff !important;display: block;padding-left: 290px;}  

a:link  { color: #3a71bc; font-size: 1em; 
font-family:  'Open Sans', sans-serif; }
a:visited { color: #003C71; font-size: 1em;
font-family: 'Open Sans', sans-serif;}
a:hover { color: #339; font-size: 1em; }
a:active { color: #669; font-size: 1em;
font-family: 'Open Sans', sans-serif;}

#bc
{display:none;}

#site_logo {float: left;max-height: 249px;margin-left: 85px;margin-right: 86px;margin-top: 2px;}

#linksearch { margin: 5px 5px 0 5px; float: right; text-align: right;  display: none;}
#site_search { clear: right; }
#site_search .button {
border: 1px solid #C6B9AD;
margin-left: -4px;
color: #FFF;
line-height: 26px;
}
#access_links {
display: none!important;
margin: 0;
padding: 0;
}
#container { background-color: #FFFFFF; }
body {
background-color: white;
margin-top: 0px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 1em;
overflow-x: hidden;
line-height: 1.9em !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.by_editor ul li, .answer ul li, .newsbox ul li {
list-style: circle !important;
margin: 0;
padding-left: 9px;}

#content h2 {color: #222;font-size: 1.9em;color: #194069;line-height: 1.2em;}
#content h3 {color: #194069 !important;font-size: 1.5em;}
#content {
color: #444;
margin-top: 5px;
font-size: 1.3em !important;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
padding: 10px;
}
.relprint
{display:none!important;}
input, textarea  {
    text-indent: 30px;
    padding: 20px 5px 20px 5px; 
    display: inline-block;
    text-align: start;
    margin: 0em;
    font-size:1em;
    margin-top:20px
}

.navheading { background-position: left center; background-color: #878787; 
color: #FFFFFF; padding: 2px 0 2px 5px; font-size: 1.1em;
display: none;}
.navheading a:active { color: #FFFFFF; }
p.widget_p { background-position: left center; padding: 0 0 0 0; margin: 0 0 0 0; color: #222; font-size: 1em; background-color: transparent; }
.widget_link a:active { background-position: left center; color: #222; padding: 0 0 0 0; margin: 2px 0 0 2px; font-size: 1em; display: block; }
p.widget_p a:active { color: #222; }
.tan {background-color: #C6B9AD; padding:20px;}
blockquote {font-size: 1em;
margin: 50px auto;
padding: 1.2em 20px 1.2em 20px;
border-left: 8px solid #BDBDBC;
line-height: 1.6;
position: relative;
background-color: #dbd3cb;
font-size: 1em;

color: #555555;
line-height: 1.6;
}
#header h1 a:link{color: #fff !important;font-size: 2.3em;/* float: left; */text-decoration: none;font-family: 'Open Sans', sans-serif;line-height: 1.9em;}
#header h1 a:active { color: #fff !important;
text-decoration: none!important;}
#header h1 a:hover{color: #fff !important;text-decoration: none!important;}
#header h1 a:visited { color: #fff !important;
text-decoration: none!important;}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding-bottom: 20px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
}

/* Add some padding inside the card container */
.cardcontainer {
  padding: 2px 16px;
}

#footer {background-color: #194069;border-top: 8px solid #C6B9AD;color: white !important;margin-top: 0px;font-size: 1.1em;border-right: none;border-bottom: none;border-left: none;padding-bottom: 95px;padding-top: 20px;}#linksearch a { color: #222; font-size: 0.9em; }
input#searchSite {
border: 1px solid #d0c9c9;
line-height: 26px;
width: 16em;
}
#footer a:link {color: white!important;}
#footer a:visited {color: white!important;}
#site_search .button {
background-color: #C6B9AD;

margin-left: -4px;
color: #003C71;
height: 40px;
}
#search-site {
width: 170px;
height: 40px;
/*! background-color: #C6B9AD; */
}

.widget { margin: 5px 0 5px 5px; }
.widget li { list-style: none; margin: 0 0 0 0; }
#leftcolumn { margin-top: 5px; border-top: none; border-right: none; border-bottom: none; border-left: none; background-position: left top; }
#extra { margin-top: 5px; background-position: left top; }

#mast_wrapper {height: 258px;}
#wrapper { width: 100%;}
#identityWrapper { padding: 0px; clear: left; }
.locationmap { border: 2px solid #ccc; }
#bc { background-image: url(../images/rule.gif); background-position: bottom left; background-repeat: repeat-x; }

.newsbox ul li { list-style: disc outside none; }
#contentlist li { list-style-image: url(../images/disc.gif); }
#sitemap ul { background-image: url(../images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; margin-left: 8px; }
.download_indent p { background-image: url(../images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; }
.infobox p { background-position: 0px 4px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding-top: 0; }
.cate_wrap p { background-image: url(../images/bullet.gif); background-position: 0px 8px; background-repeat: no-repeat; }
#header {background-repeat: no-repeat;background-position: right;background-color: #194069;padding-top: 30px;line-height: 0.1;background-image: url(http://www.armedforcesmorayandhighland.co.uk/highlandandmorayarmedforces/images/bluafc.png);}
/* Aspect ratio for iframe videos */
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
}

/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.aspect-ratio iframe {
position: absolute ;
width: 100%;
height: 100%;
left: 0;
top: 0;
} 

#footerLinks { display: none; }
.widget_link a { background-color: transparent; background-position: left center; padding: 0 0 0 0; display: none;}
.widget_link { background-color: transparent; padding: 0 0 0 0; }

/*styles buttons and items in read more to be like button*/

.button__primary {
background-color: #848484;
border: 4px solid #848484;
padding: 15px;
margin: auto;
font-weight: bolder;
text-align: center;
width: 33%;
color:#fff !important;

line-height: 1.6em;

text-decoration: none !important;

display: inline-block;
}
.button__primary:hover  {
background-color:#C6B9AD;
  border: 4px solid #C6B9AD;
padding: 15px;
color:#000 !important;

}
/*subtitle and strapline*/
.left_title{
    font-size: 3em;
    color: #003C71;
    float: left;
    padding-left: 20px;
}
.right_title{
    color: #575756;
    font-size: 1.7em;
    float: right;
    padding-right: 50px;
}
#title_content {
    clear: both;
    padding-left: 140px;
}


/*make items in read more or info on to be like buttons*/

.info_on a {
   color:#fff!important;
   text-decoration: none !important;
   }

.info_on li  {
  background-color: #848484;
  border: 4px solid #848484;
  padding :15px;
  margin-left: 10px;
  margin-right:10px;
  margin-top:20px;
  margin-bottom:10px;
  font-weight: bolder;
  text-align: center;
  width: 80%;
  color:#fff !important;
  line-height: 1.6em;
  text-decoration: none !important;
  display: inline-block;
  }

.info_on li:hover 
{

background-color:#C6B9AD;
 border: 4px solid #C6B9AD;

 
}

.info_h { font-family: 'Open Sans', sans-serif; color: #8a4b11 !important; 
font-size: 1.9em; font-family: 'Open Sans', sans-serif; 
line-height:1.2em;
padding-bottom:25px; 
font-weight:bolder;}



#content  a > img:hover {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */

}

.supplement
{
font-size: 1em;
margin: 50px auto;
padding: 1.2em 20px 1.2em 20px;
border-left: 8px solid #BDBDBC;
line-height: 1.6;
position: relative;
background-color: #dbd3cb;
}

.supplement h2
{ 
font-size: 1.3em!important;}

.item-list li {
list-style: circle!important;
margin-bottom: 10px;
margin-left: 20px;
}
/*resizing header - logo and text*/


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

{
#header h1 
{font-size: 1.7em;
padding:0 !important;}
 
}

   
@media only screen and (max-width: 979px) 
{
  
#header h1 
{font-size: 1.5em;}

}

      
@media (max-width: 906px)
{
#header h1 
{font-size: 0.9em;} 
#site_logo{
    margin-left:20px;
}

}
      
    
@media (max-width:831px)

{

#site_logo{
    margin-right:20px;
}
}
    
@media (max-width:760px)
{
h1::after {
  display:none;
}



#site_logo{
    margin-right:20px;
}
#header h1 
{padding-top: 40px;} 

}
@media (max-width:586px)

{

#site_logo{
    margin-left:10px;
    max-height:190px;
}
 

}