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

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

/* Custom styles *//* @version 1.0 */

#header h1::after

{content: url("https://www1.highland.gov.uk/images/Firsty.png");display: block;clear:both;padding-top: 21px;opacity: 0.6;}

a:link { color: #339; font-size: 1em; }
a:visited { color: #339; font-size: 1em; }
#header h1 a:link { color: white!important; font-size: 1.3em; float: left; text-decoration: none; font-family: "Cabin", sans-serif; line-height: 1em; }
#header h1 a:visited { color: white!important}
a:hover { color: #339; font-size: 1em; }
a:active { color: #669; font-size: 1em; }
/* #section_navigation 
#section_navigation ul 
#section_navigation li 
#section_navigation a 
#section_navigation a span.slink 
#section_navigation a:hover span.slink { background-position: 100% -42px; } */
#burgerKing>ul>li:hover>a, #burgerKing>ul>li>a:hover, #burgerKing>ul>li.active>a {
color: #ffffff;
background:#d0236d !important;
}
#burgerKing {
width: auto;
background: #4b428e !important;
box-shadow: 0px 5px 10px #0e0e0efc !important;
}
.logo { float: left;display:none; }
#linksearch { margin: 5px 5px 0 5px; float: right; text-align: right; display: none; }
#site_search { clear: right; }
#container { background-color: #FFFFFF; }
body {line-height: 1.9em !important;font-family: "Cabin", sans-serif;font-size: 1.3em;color: #67686c;margin: 0px;}
#header h1 a:active { color: #fff!important; font-size: 1.3em; float: left; text-decoration: none; font-family: "Cabin", sans-serif; line-height: 1em; }
#content h2 {color: #4b428e;font-size: 1.9em;}
#content h3 { color: #222; font-size: 1.5em; }
#content { color: #222; font-size: 1em; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.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; margin: 2px 0 0 2px; color: #222; font-size: 1em; }
.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; }

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

}
.supplement__heading {
    font-size: 1.2em!important;
}
#header > h1 {color: #222;display: block;font-size: 1.9em;padding-left: 20px;
text-shadow: 0px 0px 10px #0e0e0efc}
#footer { color: white; background-color: #4b428e; margin-top: 20px; font-size: 0.9em; border-right: none; border-bottom: none; border-left: none; padding: 40px; }
#footerLinks { display: none; }
#footer a:link {color: white!important;}
#footer a:visited {color: white!important;}
#linksearch a { color: #222; font-size: 0.9em; display: none; }
.widget { margin: 5px 0 5px 5px; }
.widget li {list-style: none;margin: 0;display: none;}
#leftcolumn { margin-top: 5px; border-top: none; border-right: none; border-bottom: none; border-left: none; }
#extra { margin-top: 5px; }
#site_logo {margin: 5px;width: 70px;padding-top: 10px;}
#mast_wrapper {height: 417px;}
#wrapper { width: 100%; }
#identityWrapper { padding: 5px; clear: left; }
.locationmap { border: 2px solid #ccc; }
#bc { background-image: url(../images/rule.gif); background-position: bottom left; background-repeat: repeat-x; }
.info_on li { list-style: url(../images/disc.gif); padding: 0; margin: 0 0 0 15px; }
.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-size: cover;padding-top: 4.4444%;background-image: url(https://www1.highland.gov.uk/fosteringandadoption/images/largewoods_1.jpg);}
#header h1 a:active { color: #fff!important; font-size: 1.3em; float: left; text-decoration: none;   font-family: "Cabin", sans-serif; line-height: 1em; }
#header h1 a:active { color: #fff!important; font-size: 1.3em; float: left; text-decoration: none;   font-family: "Cabin", sans-serif; line-height: 1em; }
blockquote, .info_on, .cate_wrap, .supplement  {
font-size: 1em;
margin: 5px auto;
padding: 1.2em 20px 1.2em 20px;
border-left: 8px solid #ada8d7;
line-height: 1.6;
position: relative;
background: #f5f5dc;
}
#related{
    display:none!important;
}
.button__primary {
       background-color: #4b428e;
        border: 4px solid #4b428e;

     
   
    padding: 15px;
    margin: auto;
    font-weight: bolder;
    text-align: center;
    width: 33%;
    color:#fff!important;
    
    line-height: 1.6em;
    text-transform: uppercase;
    text-decoration: none !important;
    
    display: inline-block;
    }
    .button__primary:hover {
 background-color:#d0236d;
        border: 4px solid #d0236d;
    padding: 15px;
    
    }
    .by_editor ul li {
    list-style: circle!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;
}


@media all and (max-width: 800px)

{
    #header {
  background-repeat: no-repeat; position:relative; background-position:-100px -1px;  background-size: 150%; background-image: url(https://www1.highland.gov.uk/fosteringandadoption/images/largewoods_1.jpg);

  }
  #mast_wrapper {
      height:250px}
      
    h1::after{
    display:none;
  }
  #header h1 {font-size:1.3em;}

}