/*
Theme Name: oxfordfpsych
Author: Paul Lambden
Description: Child theme.
Version: 1.0
Template: twentyfifteen
*/


@media all and (min-width: 1000px)
{


body { background-color:#fafafa; padding:0; margin:0; font-family:'Raleway', Arial, Helvetica, sans-serif; }

nav#menu {display:none;}

.panel {display: none;}




#top::before { display:block; content:""; position: absolute; z-index:-1; top:0; left:0; right:0; height:40px;

background-image:url(../../../applied-psychology-oxfordshire-img/leather.png); background-repeat:repeat; background-position:center center; background-attachment:fixed;

}

#top { width:100%;  height:40px; padding:0; position:relative; overflow:hidden; opacity:1!important; z-index:99!important;

background:rgba(0,155,168,0.92);

}

#top #top-inside { width:1000px; height:30px; margin:0 auto; padding:5px 0; overflow:hidden; opacity:1!important;}

#top #top-inside p {float:right; line-height:30px; color:#fff;  text-align:right; font-weight:700; letter-spacing:1px; opacity:1!important;}
#top #top-inside p a {text-decoration:none; border:none; color:#fff; font-weight:700; letter-spacing:1px;}
#top #top-inside img {float:right; display:block; height:26px; width:26px; margin:2px 10px; opacity:1!important;}

#top #top-inside .top-message { float:left;}







#header { width:100%; height:100px; margin:0; padding:20px 0; background-color:#fff;  

-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);

}

#header-inside { width:1000px; height:100px; margin:0 auto; padding:0; }

#header #header-inside #logo { height:100px; float:left; padding:0; margin:0; }

#header #header-inside #logo a img { display:block; height:100px; width:100px; background-color:#042656;}




#header #header-inside #mainmenu { width:auto; height:30px; padding:0; margin:35px 0; background-color:#fff; float:right;}

#header #header-inside #mainmenu ul { padding:0; margin:0;}

#header #header-inside #mainmenu ul li { float:left; margin:0; list-style:none; position:relative; font-family:'Raleway', Arial, Helvetica, sans-serif; }

#header #header-inside #mainmenu ul li a { font-family:'Raleway', Arial, Helvetica, sans-serif; line-height:30px;  display:block; padding:0; margin:0 0 0 20px; text-decoration:none; color:#009ba8; border-bottom:2px solid #ccc; text-transform:uppercase; font-size:18px; font-weight:700;  }

#header #header-inside #mainmenu ul li a:hover { }

#header #header-inside #mainmenu ul li.current_page_item a { }

#header #header-inside #mainmenu ul li.current-page-ancestor a { }

#header #header-inside #mainmenu ul li ul { display:none; position:absolute; top:30px; left:20px; background-color:#ddd;  z-index:999; padding:7px 0 7px 0;  }

#header #header-inside #mainmenu ul li ul li {float:left; margin:0;  padding:0; list-style:none; position:relative;}

#header #header-inside #mainmenu ul li ul li a {font-family:'Raleway', Arial, Helvetica, sans-serif; line-height:20px; display:block!important; width:165px; padding:5px 10px; text-decoration:none; color:#009ba8; text-transform:capitalize; font-size:16px; border:none; margin:0; font-weight:600; background-color:transparent; }

#header #header-inside #mainmenu ul li ul li a:hover { color:#009ba8; padding:5px 10px 5px 12px; }

#header #header-inside #mainmenu ul li.current_page_item ul li a {}

#header #header-inside #mainmenu ul li.current-page-ancestor ul li a { }

#header #header-inside #mainmenu ul li ul li.current_page_item a {}

#header #header-inside #mainmenu ul li:hover > ul {display:block;}




#header #mobilemenu {display:none;}






#transition {width:1000px; height:350px; background-color:#fff; padding:0; margin:20px auto; overflow:hidden; 

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs { background:none!important; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; overflow:hidden;}

.rsABlock .trans-container { width:1000px; height:350px; margin:0 auto; position:relative;}
.rsABlock .trans-container .trans-inside { position:absolute; bottom:0; left:0; width:65%; padding:20px; background:rgba(0,155,168,0.7); -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px; }
.rsABlock .trans-container h2 { font-size:25px; line-height:25px; color:#fff; margin:0 0 10px 0; }
.rsABlock .trans-container h3 { font-size:20px; line-height:25px; color:#fff; margin:0; }







#widgets::before { display:block; content:""; position: absolute; z-index:-1; top:0; left:0; right:0; height:100%;

background-image:url(../../../applied-psychology-oxfordshire-img/leather.png); background-repeat:repeat; background-position:center center; background-attachment:fixed;

}

#widgets { width:100%; padding:20px 0; overflow:hidden; position:relative; opacity:1!important; z-index:99!important;

background:rgba(0,155,168,0.92);

}

#widgets #widgets-inside { width:1000px; height:auto; margin:0 auto; padding:0; overflow:hidden;}

#widgets #widgets-inside .widget { width:300px; float:left; margin:0 20px 0 0; padding:10px; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden;}

#widgets #widgets-inside .last { margin:0!important;}

#widgets #widgets-inside .widget img { display:block; width:300px; height:200px; margin:0 0 20px 0; border:0; background-color:#eee!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#widgets #widgets-inside .widget h3 { margin:0 0 10px 0; font-size:20px; line-height:20px; font-weight:700; color:#444; }

#widgets #widgets-inside .widget h3 a { color:#444;  text-decoration:none; border:0; }

#widgets #widgets-inside .widget p { margin:0;}







#main { width:1000px; margin:0 auto; padding:20px 0; overflow:hidden;}

#main #content { width:640px; float:left; margin:0; padding:0; overflow:hidden;}

#main #content ul {padding:0 0 20px 20px; margin:0; }

#main #content ul li { list-style:circle; font-size:15px; line-height:24px; color:#444; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400;}

#main #content ul li a { text-decoration:none; font-size:15px; line-height:24px; color:#444; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; border-bottom:1px solid #8192aa; }

#main #content ul li a:hover {text-decoration:none;  border-bottom:2px solid #ccc;}

#main #content img.homeicon {float:left; margin:0 20px 20px 0; display:block; height:100px; width:100px;}


#main #content .featured-single {width:640px; height:350px; overflow:hidden; margin:0 0 20px 0;}
#main #content .featured-single img { display:block; min-width:640px; min-height:350px; width:auto; height:auto;}

#main #content .featured-notsingle {width:220px; height:160px; overflow:hidden; margin:0 20px 20px 0; float:left;}
#main #content .featured-notsingle img { display:block; min-width:220px; min-height:160px; max-width:220px; max-height:160px;}






#main #left {width:320px; float:right; margin:0 0 0 40px; padding:0; overflow:hidden;}

#main #left .sidewidget { width:320px;  padding:0!important; margin:0 0 20px 0; overflow:hidden; float:left; }
#main #left .sidewidget h3 { padding:0 0 0 40px; margin:0 0 20px 0; text-align: left; font-size:20px; line-height:30px; font-weight:700;  }

#main #left .text-2 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/calendar.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .nav_menu-2 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/services.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .nav_menu-3 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/news.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .text-3 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/star.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .text-4 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/social.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}

#main #left .sidewidget h4.phone-icon { padding:0 0 0 30px; margin:0 0 10px 0; text-align: left; font-size:20px; line-height:30px!important; font-weight:700; color:#444; background-image:url(../../../applied-psychology-oxfordshire-img/call.svg); background-position:center left; background-size:20px 20px; background-repeat:no-repeat; }
#main #left .sidewidget h4.email-icon { padding:0 0 0 30px; margin:0; text-align: left; font-size:15px; line-height:30px!important; font-weight:700; color:#444; background-image:url(../../../applied-psychology-oxfordshire-img/email.svg); background-position:center left; background-size:20px 20px; background-repeat:no-repeat; }

#main #left .sidewidget h4 a { color:#222; text-decoration:none; border:0;}

#main #left ul {padding:0; margin:0; }

#main #left ul li { list-style:none; border-bottom:1px solid #ddd;font-family:'Raleway', Arial, Helvetica, sans-serif; color:#444;}


#main #left .widget_nav_menu ul li {padding:0;}
#main #left .widget_nav_menu ul li a:hover { color:#222;}


#main #left ul li a { text-decoration:none; padding:7px 0; color:#444; font-size:15px; display:block;  font-family:'Raleway', Arial, Helvetica, sans-serif; }

#main #left ul li a:hover { color:#222; }

#main #left .widget_recent_entries ul li {padding:0 0 5px 0;}
#main #left .widget_recent_entries ul li a { text-decoration:none; padding:7px 0 2px 0; color:#444; font-size:15px; display:block;  font-family:'Raleway', Arial, Helvetica, sans-serif; }
#main #left .widget_recent_entries ul li a:hover { color:#222;}
#main #left .widget_recent_entries ul li span { text-transform:uppercase; font-weight:400; font-size:10px; }


#main #left form.search-form { padding:20px 0 0 0;}
#main #left .textwidget { padding:0;}

#main #left .textwidget img.acc1 { float:left; margin:0 20px 0 0; }
#main #left .textwidget img.acc2 { float:left; margin:0; }



#footer::before { display:block; content:""; position: absolute; z-index:-1; top:0; left:0; right:0; height:100%;

background-image:url(../../../applied-psychology-oxfordshire-img/leather.png); background-repeat:repeat; background-position:center center; background-attachment:fixed;

}

#footer { width:100%; padding:20px 0; overflow:hidden; position:relative; opacity:1!important; z-index:99!important;

background:rgba(255,255,255,0.95);

}

#footer #footer-inside { width:1000px; margin:0 auto; padding:0; overflow:hidden;}

#footer p, #footer p a { text-align:center; border:none; text-decoration:none; }








h1 {font-size:30px; line-height:30px; margin:0 0 20px 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h2 {font-size:30px; line-height:30px;margin:0 0 20px 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h3 {font-size:24px; line-height:24px;margin:0 0 20px 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h4 {font-size:20px; line-height:20px;margin:0 0 20px 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h1 a, h2 a, h3 a, h4 a { text-decoration:none; border-bottom:1px solid #8192aa; color:#8192aa;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:none; border-bottom:1px solid #8192aa;}

p {font-size:15px; line-height:24px; margin:0 0 20px 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; color:#444;}

p a { text-decoration:none; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; color:#444; border-bottom:1px solid #8192aa;}

p a:hover { text-decoration:none; border-bottom:1px solid #8192aa;}

a.more-link { background-color:#456789; color:#fff; font-weight:700; padding:5px; display:block; width:150px; float:right; margin:0 0 20px 0; text-transform:none; text-align:center; clear:both;}









hr {height:1px; margin:0; width:100%; clear:both; border:0; background-color:transparent;}








a:hover img {border:none;}

img.alignleft { display:block; float:left; max-width:320px; height:auto; margin:0 20px 20px 0;}
img.alignnone { display:block; float:left; max-width:320px; height:auto; margin:0 20px 20px 0;}
img.alignright { display:block; float:right; max-width:320px; height:auto; margin:0 0 20px 20px;}






span.screen-reader-text {display: none;}

form label {font-size:15px; margin:0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; color:#444;}

input.search-field { padding:8px 0; background-color:#fff; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2); clear:both; width:74%;}

input.search-submit { float:right; background-color:#444; color:#fff; padding:9px; border:none; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

input.search-submit:hover { cursor:pointer; }










input.textfield {width:50%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

select.select {width:50%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#fff; border:1px solid #bbb!important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;}

textarea {width:50%; height:120px; clear:both; margin:0; padding:8px 5px; clear:both; clear:both!important;  color:#555; font-size:16px;  background-color:#fff; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

input.button {width:auto; margin:0; background-color:#444; background:#444; color:#fff; padding:10px; clear:both!important; display:inline-block; font-size:20px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0;cursor:pointer;}







.sidewidget input.textfield {width:95%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#eee; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

.sidewidget select.select {width:95%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#eee; border:1px solid #bbb!important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;}

.sidewidget textarea {width:95%; height:120px; clear:both; margin:0; padding:8px 5px; clear:both; clear:both!important;  color:#555; font-size:16px;  background-color:#eee; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

.sidewidget input.button {width:50%; margin:0; background-color:#456789; background:#456789; color:#fff; padding:10px; clear:both!important; display:block; font-size:20px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0;cursor:pointer;}



}

@media all and (min-width: 200px) and (max-width: 999px)
{

main#panel {background-color:#fff; z-index:2; display:block;}

body { background-color:#fafafa; padding:0; margin:0; font-family:'Raleway', Arial, Helvetica, sans-serif;}

#top { display:none; }

#header { width:90%;margin:0; float:left; height:80px;  padding:0 5%; background-color:#fff; 

-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);

}

#header #header-inside { width:100%; height:80px;}

#header #logo { height:60px; float:right; padding:10px 0; margin:0; background-color:#fff;}

#header #logo a img { display:block; height:60px; width:60px; }

#header #info {display:none;}

#header #mainmenu { display:none; }

#header #mobilemenu { width:40px; height:40px; float:left; padding:0; margin:20px 0; background-color:#fff;}

.toggle-button {width:40px; height:40px; display:block; background-color:#fff; border:0; background-image:url(../../../applied-psychology-oxfordshire-img/mobile-menu.png); background-size: 40px 40px;} 





#transition {width:100%; height:350px; background-color:#fff; padding:0; margin:0; overflow:hidden; }

.rsABlock .trans-container { width:100%; height:350px; margin:0; position:relative; overflow:hidden;}
.rsABlock .trans-container .trans-inside { position:absolute; bottom:0; left:0; width:90%; padding:5%; background:rgba(0,155,168,0.5); }
.rsABlock .trans-container h2 { font-size:1.6em; line-height:1em; color:#fff; }
.rsABlock .trans-container h3 { font-size:1.3em; line-height:1em; color:#fff; margin:0;}






#widgets::before { display:block; content:""; position: absolute; z-index:-1; top:0; left:0; right:0; height:100%;

background-image:url(../../../applied-psychology-oxfordshire-img/leather.png); background-repeat:repeat; background-position:center center; background-attachment:fixed;

}

#widgets { width:100%; padding:5% 0; overflow:hidden; position:relative; opacity:1!important; z-index:99!important;

background:rgba(0,155,168,0.92);

}

#widgets #widgets-inside { width:90%;  margin:0; padding:0 5%; overflow:hidden;}

#widgets #widgets-inside .widget { width:90%; float:left; margin:0 0 5% 0; padding:5%; background-color:#fff; overflow:hidden;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#widgets #widgets-inside .last { margin:0!important;}

#widgets #widgets-inside .widget img { display:block; width:100%; height:200px; margin:0 auto 5% auto; background-color:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#widgets #widgets-inside .widget h3 a { text-decoration:none; border:0; }

#widgets #widgets-inside .widget p { margin:0;}







#main { width:100%; margin:0; float:left;  padding:0; overflow:hidden; }

#main #content { width:90%;margin:0; float:left;  padding:5% 5% 0 5%; overflow:hidden;}

#main #content ul { padding:0 0 5% 5%;}

#main #content ul li { font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:1em; line-height:1.5em; color:#444; margin:0 0 0 5%; list-style:disc;}

#main #content ul li a { text-decoration:none; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:1em; color:#444; border-bottom:1px solid #8192aa;}

#main #content ul li a:hover { text-decoration:none; }






#main #left { width:90%; padding:5% 5% 0 5%; float:left;  margin:0; overflow:hidden; background-color:#eee; border-top:2px solid #ccc; }

#main #left .sidewidget { width:100%; margin:0 0 5% 0; padding:0; overflow:hidden;}

#main #left .sidewidget h3 { padding:0 0 0 40px; font-weight:700; line-height:30px;  }

#main #left .text-2 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/calendar.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .nav_menu-2 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/services.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .nav_menu-3 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/news.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .text-3 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/star.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}
#main #left .text-4 h3 { background-image:url(../../../applied-psychology-oxfordshire-img/social.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat;}

#main #left .text-3 { padding:5%; width:90%; background-color:#fff;}

#main #left .text-3 img { display:block; width:25%; height:auto; float:left; margin:0 2.5% 0 0; }

#main #left .sidewidget ul {padding:0!important; margin:0 0 5% 0!important; border-top:1px solid #ddd; }

#main #left .sidewidget ul li { list-style:none; border-bottom:1px solid #ddd;font-family:'Raleway', Arial, Helvetica, sans-serif; color:#444;}

#main #left .sidewidget ul li a { text-decoration:none; padding:3% 0; color:#444; font-size:1em; display:block;  font-family:'Raleway', Arial, Helvetica, sans-serif;}

#main #left ul li span { text-transform:uppercase; font-weight:400; font-size:0.7em; }

#main #left .widget_recent_entries ul li {padding:0 0 3% 0;}
#main #left .widget_nav_menu ul li {padding:0;}

#main #left .sidewidget h4.phone-icon { padding:0 0 0 40px; margin:0 0 5% 0; text-align: left; font-size:1.2em; line-height:30px!important; font-weight:400; color:#222; background-image:url(../../../applied-psychology-oxfordshire-img/call.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat; }
#main #left .sidewidget h4.email-icon { padding:0 0 0 40px; margin:0 0 5% 0; text-align: left; font-size:1em; line-height:30px!important; font-weight:400; color:#222; background-image:url(../../../applied-psychology-oxfordshire-img/email.svg); background-position:center left; background-size:30px 30px; background-repeat:no-repeat; }

#main #left .sidewidget h4 a { color:#222; text-decoration:none; border:0;}





#footer::before { display:block; content:""; position: absolute; z-index:-1; top:0; left:0; right:0; height:100%;

background-image:url(../../../applied-psychology-oxfordshire-img/leather.png); background-repeat:repeat; background-position:center center; background-attachment:fixed;

}

#footer { width:90%; padding:5%; overflow:hidden; position:relative; opacity:1!important; z-index:99!important;

background:rgba(0,0,0,0.95);

}

#footer p, #footer a { color:#fff!important; border:0; }





h1 {font-size:1.6em;line-height:1em; margin:0 0 5% 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa;  }

h2 {font-size:1.6em;line-height:1em; margin:0 0 5% 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h3 {font-size:1.6em;line-height:1em; margin:0 0 5% 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h4 {font-size:1.2em;line-height:1em; margin:0 0 5% 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:300; color:#8192aa; }

h1 a, h2 a, h3 a, h4 a { text-decoration:none; border-bottom:1px solid #8192aa; color:#8192aa;}

p {font-size:1em; line-height:1.5em; margin:0 0 5% 0; padding:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; color:#444;}

p a { text-decoration:none; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:1em; margin:0 0 5% 0; font-weight:400; color:#444; border-bottom:1px solid #8192aa;}

a.more-link { background-color:#456789; color:#fff; font-weight:700; padding:10px; display:block; width:150px; float:left; margin:0 0 5% 0;  text-transform:none; text-align:center; clear:both;}

hr {height:2px; margin:0 0 5% 0; width:100%; clear:both; border:0; background-color:#ddd;}





img.alignleft { display:block; float:left; height:auto; margin:0 5% 5% 0;}
img.alignnone { display:block; float:left; height:auto; margin:0 5% 5% 0;}
img.alignright { display:block; float:right; height:auto; margin:0 0 5% 5%;}

img.size-thumbnail { display:block; width:100%; height:auto;}
img.size-medium { display:block; width:100%; height:auto;}
img.size-full { display:block; width:100%; height:auto;}


	
.slideout-menu {
position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background-color:#fff; width: 260px; padding:20px; border-right:2px solid #ccc; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none;
}

.slideout-panel {
position:relative;
z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}

.slideout-open .slideout-menu {
display: block;
}

.slideout-menu a img { display:block; width:100px; height:auto; margin:0 0 10% 0;}

.slideout-menu ul {padding:0; margin:0;}

.slideout-menu ul li { list-style:none; padding:0; width:100%; margin:0; border-top:1px solid #f5f5f5;}

.slideout-menu ul li a { display:block; color:#222; font-size:1em; line-height:1.2em; text-decoration:none; text-transform:capitalize;font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:700; text-align:left; padding:3% 0;}

.slideout-menu ul li ul {padding:0; margin:0;}

.slideout-menu ul li ul li { list-style:none; padding:0; width:100%; margin:0; border-top:1px solid #f5f5f5;}

.slideout-menu ul li ul li a { display:block; color:#444; font-size:1em; line-height:1.2em; text-decoration:none; text-transform:capitalize;font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; text-align:left; padding:3% 0 3% 5%;}









input.textfield {width:70%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#eee; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

select.select {width:70%; margin:0; padding:8px 5px; clear:both!important;  color:#555; font-size:16px; line-height:16px; background-color:#eee; border:1px solid #bbb!important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2)!important;}

textarea {width:70%; height:120px; clear:both; margin:0; padding:8px 5px; clear:both; clear:both!important;  color:#555; font-size:16px;  background-color:#eee; border:1px solid #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow:         inset 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}

input.button {width:300px; margin:0; background-color:#456789; background:#456789; color:#fff; padding:10px; clear:both!important; display:block; font-size:20px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0;cursor:pointer;}



}

p {line-height:1.8em!important;}



span.orange {color:#444;}

.clear {clear:both;}

div.button { text-align:left; margin:0 0 1em 0;}

div.button a { display:inline-block; background-color:#009ba8; color:#fff; padding:0.8em; text-decoration:none;}