/* Atholl Road Design for PKAVS Carers Hub */
@media screen and (max-width: 1080px){
#mainmenu a {
   padding: 5px 20px 5px 20px;
    font-size: 1.1em;
}
#headline {
    max-width: 300px;
     width: 100%; 
    float: right;
    margin: 0 10px 0 0;
}
}

@media screen and (max-width: 890px){
#mainmenu a {
    padding: 5px 9px 5px 8px;
    font-size: 0.9em;
}
}
.hide{display:none;}
@media screen and (max-width: 780px){
* { text-rendering: optimizeLegibility;}
#nav,  #mobileshare,.mobile_Show  {
display: block;
}
.mobile_Hide, #banner img, #followbox, #commentscontainer{
display: none;
} 
#siteSearch, #phone, #translate {
width: 31%;
margin: 0 0.5%;
padding: 10px 0.5%;
float: left;
font-size: 1.5em;
    height: 20px;
	text-align: center;
	color:#FFFFFF;
}
#mobileMenu{display: block; width: 60%; float: right; cursor:pointer;
        margin: 0 1.5%;
    padding: 10px 0.5%;
    font-size: 1.5em;
    height: 20px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    background-color: #e27018;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow:  0 1px 3px 0 #255753;
	}
#mainmenu li {
    border-right: 0;
	border-bottom: 1px solid #898077;
	width: 48%; height: 25px;
}
#mainmenu  {
   overflow: hidden;
}
#phone {position: fixed;}
#main { position: static;}
#siteSearch, #translate {display: none;}
#logo {
    width: 60%;
    max-width: 300px;
    margin: 0 auto;
    color: #fff;
}
#logo img {
    padding: 25px 0 0 0;
}
#header h1 {
    padding: 0; 
}
#headline {
    max-width: 250px;
    width: 100%;  
    float: left;
    margin: 0; 
}
.YCbutton {  padding: 8px 10px; margin:  5px 0 0 0;
}
#main, #banner, #leftcol, #rightcol, #leftcolRight, #rightcolLeft, #leftcolRight, #rightcol , #rightcolLeft, #offers, #lisitings , #leftcol, #widecol {
width: 100%;
min-width: 100%;
max-width: 100%;
height: auto;
}
.newsbox {min-height: 40px;}

#personalitybox, .personalitybox, .questionbox, .newsbox , .halfpersonalitybox, #carerbox, #events .eventbox, .eventsnippet, .eventbox, #stories .eventbox, .eventsnippet, .eventbox, .dirbox, .questionBox, #contactModal, #carerModal, #carerbox {
width: 94%;
padding: 15px 3%;
margin:0;
height: auto;
float: none;
}
 

.fullpersonalityimg, .personalityimg , .halfpersonalityimg, .peopleimg, .eventimg, .eventimg img , .answerimg, .dirbox .eventimg img, .mobboxWDimg  {
width: 180px;
padding: 0;
overflow: hidden;
height: auto;
float: left;
margin: 10px;
}
#carerbox .padder  { 
min-height: auto;
}

.headbox, .headboxtop, .headboxmore, .headboxfull, .headbox, .headboxmore {
    position: relative;
	float: right;
    margin-top: 7px;
	width: 65%;
    }
.headboxmore h3, .headboxtop h3, .headbox h3, .circle h3, .circle2 h3 { padding: 5px 10px; margin: 5px;  }
.mobboxWD {
width: 96%;
margin:1px 1%;
padding:2px 1%;
border-bottom: 1px solid #cccccc;
height: 94px;
overflow: hidden;
background-color: #FFFFFF;
}
.mobboxWD .heading {
	width: 94%;
	padding: 10px 2%;
	}
.mobboxSQ {
width: 48.5%; float: left; margin: 0 0 5px 1%;  background-color: #FFFFFF;
}
.mobboxSQ h3 {
margin: 4px 10px; font-size: 0.9em;
}

.mobboxWD-Mid {
width: 30%;
margin:0 0 0 100px;
float: left;
}
.mobboxWDimg {
width: 30%;
margin:0 0 0 1%;
float: right;
overflow: hidden;
height: 90px;
}
.mobboxSQimg {
width: 100%;
height: 100px;
margin:0 0 0 1%;
float: right;
overflow: hidden;
}
#mob_Utility, #mob_Utility2, #footLogo   {  width: 90%;  float: none; }
  
#mob_Utility2  > ul li, #mob_Utility  > ul li{
	float: left;
	width: 48%;
	padding: 8px 1%;
	}
#mob_Utility2  > ul li {
	padding: 8px 1%;
	}

#utility {
	clear:both;
     }
.footLogo {width: 130px; float: right; background-color: #91d0bb; text-align: center; margin-left: 5px;}	
.footLogo:last-child { background-color: #ffffff;  }	
.footLogo img {max-height: 100%;} 


#rightcol > .eventbox:nth-child(3n+2){
	color: #32a3d0;
	background-color: #ffffff;
}
#rightcol > .eventbox:nth-child(3n){
	background-color: #32a3d0;
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(3n+1){
	background-color: #8ba384;
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(3n) h3, #rightcol > .eventbox:nth-child(3n+1) h3{
	color: #ffffff;
}
#events > .eventbox  p, #rightcol > .eventbox:nth-child(3n) p, #rightcol > .eventbox:nth-child(3n) a, #rightcol > .eventbox:nth-child(3n+1) p, #rightcol > .eventbox:nth-child(3n+1) a{
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(3n+2) p, #rightcol > .eventbox:nth-child(3n+2) a, #rightcol > .eventbox:nth-child(3n+2) h3 {
	color: #8ba384;
}
#rightcol > .eventbox:nth-child(3n) a:hover, #rightcol > .eventbox:nth-child(3n+1) a:hover{
	color: #5d1d66;
}

}
@media screen and (max-width: 480px) {
#mobileMenu{display: block; width: 60%; float: right; cursor:pointer;
        margin: 0 1.5%;
    padding: 10px 0.5%;
    font-size: 1.5em;
    height: 20px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    background-color: #e27018;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow:  0 1px 3px 0 #255753;
	}
#mainmenu li {
    float: none;
    display: block;
    border-right: 0;
	border-bottom: 1px solid #898077;
	width: 98%; height: 25px;
}
#phone {position: fixed;}
#main { position: static;}
#siteSearch, #translate {display: none;}
.halfcol,#logo { width: 100%;}
#logo {
    width: 60%;
    max-width: 300px;
    margin: 0 auto;
    color: #fff;
}
#logo img {
    padding: 25px 0 0 0;
}
#headline {
    max-width: 550px;
    width: 100%;
    float: none;
    margin: 0;
}
#header h1 {
    padding: 3px; 
}

.CRPtext {
	font-size:1em;
    width: 30%;
    }
.fullpersonalityimg, .personalityimg , .halfpersonalityimg, .peopleimg, .eventimg, .eventimg img , .answerimg, .dirbox .eventimg img, .mobboxWDimg, .halfpersonalitybox .personalityimg  {
width: 100px;
padding: 0;
overflow: hidden;
height: auto;
float: left;
margin: 0 10px 0 0;
}
img.small-img-left, 
img.small-img-right{float:none;max-width:100%; margin:1em auto; clear: both;}
.imagepadder img {
    padding: 10px 0;  
}

#mob_Utility, #mob_Utility2, #footLogo   {  width: 90%;  float: none; }
  
#mob_Utility2  > ul li, #mob_Utility  > ul li{
	float: left;
	width: 48%;
	padding: 8px 1%;
	}
#mob_Utility2  > ul li {
	padding: 8px 1%;
	}

#utility {
	clear:both;
     }
.footLogo {width: 130px; float: right; background-color: #91d0bb; text-align: center; margin-left: 5px;}	
.footLogo:last-child { background-color: #ffffff;  }	
.footLogo img {max-height: 100%;} 

.circle2 {
    margin: -12px 0px 0px -10px;
	font-size: 0.8em;
	width: 75px;
    height: 80px;
}
.date, .date2, .date3
 {
width: 65px;
 font-size:1.1em;
 line-height: 1.2em;
 font-weight: 400;
padding:0px;
 margin:7px auto 0px;
 height:100%;
 text-align: center;
 }
 
 
/* foot */

#footer {
 width:100%; 
 padding: 30px 0;
clear: both;
  height:auto; overflow:hidden; 
 color: #FFFFFF;
  margin-top: 10px;
  background-color: #85368e;
background-image: url('background.png');
border-top: 3px solid #e28647;
 }

/*topmenu */

/*main menu*/
 
/*Directory format */

/* forms */
}