/*
Theme name: Brighton Primary School
Description: Custom Theme
*/

/******* Brighton Primary School WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }


img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Brighton Primary School WordPress CSS *******/

* {padding: 0; margin: 0; }

html,body { height: 100%; } 
body { background: #fff; font: 12px/16px Arial, Helvetica, sans-serif; color: #000; letter-spacing: 0; -webkit-text-size-adjust: none;}

a img { border: 0; } 
a { color: #0252aa; text-decoration: none; cursor: pointer; } 
a:hover { text-decoration: underline; } 
a, 
a img { transition: color 800ms, background-color 800ms, opacity 800ms; -webkit-transition: color 800ms, background-color 800ms, opacity 800ms; } 
a:hover, 
a:hover img { transition: color 600ms, background-color 600ms, opacity 600ms; -webkit-transition: color 600ms, background-color 600ms, opacity 600ms; } 

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } 
textarea { overflow: auto; } 
.submit-button { cursor: pointer; border: 0; } 
input[type="submit"] { -webkit-appearance: none; }

ul { list-style-type: disc; margin-left: 15px; }

th, td { padding: 0;vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; width: 100%; }

.cl, .separator { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } 
.clearfix, .gfield, .gform_footer { *zoom: 1; } 
.clearfix:after, .gfield:after, .gform_footer:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; } 

.notext { font-size: 0; line-height: 0; text-indent: -4000px; } 
.left, .alignleft { float: left; display: inline; } 
.right, .alignright { float: right; display: inline; } 

.shell { width: 950px; margin:0 auto; }

h1,h2,h3,h4,h5,h6 { margin-bottom: 10px; font-family: 'Trebuchet MS'; text-transform: uppercase; }
h1 { font-size: 36px; line-height: 40px; } 
h2 { font-size: 34px; line-height: 38px; } 
h3 { font-size: 32px; line-height: 36px; } 
h4 { font-size: 30px; line-height: 34px; } 
h5 { font-size: 28px; line-height: 32px; } 
h6 { font-size: 26px; line-height: 30px; } 

.btn { display: inline-block; *zoom: 1; padding: 0 24px; margin: 0 30px; background: #ffffff; font: bold 18px/31px 'Trebuchet MS'; text-transform: uppercase; }
.btn:hover { text-decoration: none; background: #d1cece; }
.blue-btn { color: #0066cc; }
.light-blue-btn { color: #3399cc; }
.sky-blue-btn { color: #00cccc; }

.header { position: relative; z-index: 9; height: 66px; margin-bottom: 46px; background: #1f9fba; }
.header .shell { position: relative; overflow: visible; }
.logo { position: absolute; top: 0; left: 0; z-index: 2; }
.logo a {display: block; background: url(images/logo.jpg) no-repeat 0 0; width: 282px; height: 233px; }

.entry .navigation { padding: 0; }
.entry .navigation a { color: #fff; }
.navigation { padding-left: 302px; }
.navigation ul { list-style-type: none; margin: 0; }
.navigation li { float: left; }
.navigation li a { -webkit-transition: padding-bottom 800ms ease-out;
   -moz-transition: padding-bottom 800ms ease-out;
    -ms-transition: padding-bottom 800ms ease-out;
     -o-transition: padding-bottom 800ms ease-out;
        transition: padding-bottom 800ms ease-out;}
.navigation li a { display: block; padding: 31px 16px 27px; font: bold 15px/19px 'Trebuchet MS'; color: #fff; text-transform: uppercase; }
.navigation li.current-menu-item a { padding-bottom: 36px; }
.navigation li a:hover { padding-bottom: 36px; text-decoration: none; }
.navigation li.blue-nav a { background: #0066cc; }
.navigation li.blue-nav a:hover { background: #077ef5; }
.navigation li.orange-nav a { background: #ff9900; }
.navigation li.orange-nav a:hover { background: #ffa724; }
.navigation li.light-blue-nav a { background: #3399cc; }
.navigation li.light-blue-nav a { background: #4eb5e9; }
.navigation li.light-blue-nav a:hover { background: #3399cc; }
.navigation li.gray-nav a { background: #666666; }
.navigation li.gray-nav a:hover { background: #989696; }
.navigation li.sky-blue-nav a { background: #00cccc; }
.navigation li.sky-blue-nav a:hover { background: #00fdfd; }
.navigation li.green-nav a { background: #00b74f; }
.navigation li.green-nav a:hover { background: #54af7b; }

/*
	Content
*/

.content { position: relative; z-index: 1; padding-bottom: 45px; }

.carousel-cnt { position: relative; overflow: hidden; width: 950px; height: 415px; margin-bottom: 15px; }
.carousel-cnt .carousel a { position: relative; overflow: hidden; display: block; float: left; width: 950px; height: 415px; }
.carousel-cnt .carousel a img { position: absolute; width: 950px; height: 415px; }

.cols .col { float: left; width: 305px; width: 32.10526315789474%; margin-left: 15px; margin-left: 1.78947368421053%; padding-bottom: 30px; color: #fff; }
.cols .col:first-child { margin-left: 0; }
.cols .col .col-body { padding: 30px; min-height: 340px; }
.cols .light-blue-col .col-body { padding: 30px 0 29px 0; text-align: center; }
.cols .light-blue-col .col-body h2 { padding: 0 30px; margin-bottom: 10px; text-align: left; }
.cols .col.light-blue-col p { padding-bottom: 0; }
.cols .col h2 { margin-bottom: 20px; font: bold 40px/37px 'Trebuchet MS'; text-transform: uppercase; color: #fff; letter-spacing: -1px; letter-spacing: -0.4px; }
.cols .col h2 span { display: block; font-size: 31px; line-height: 31px; }
.cols .col p { padding-bottom: 15px; }
.blue-col { background: #0066cc; }
.light-blue-col { background: #3399cc; }
.sky-blue-col { background: #00cccc; }
.col a { color: #fff}

.circle-bullet-list, .col-body ul { list-style-type: none; margin: 0; }
.circle-bullet-list li, .col-body li { padding: 8px 0 16px 36px; border-top: 1px solid #ffffff; background: url(images/bullet_01.png) no-repeat 0 center; font-size: 13px; line-height: 30px; font-weight: bold; text-transform: uppercase; }
.circle-bullet-list li a, .col-body li -webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;  { color: #fff; line-height: 30px; display: block; }

.banner { margin-bottom: 37px; }

.main { float: left; width: 570px; padding: 34px 30px; width: 60%; padding: 34px 3.15789473684211%; background: #ffa200; color: #fff; font-size: 14px; line-height: 18px; }
.el-title { margin-bottom: 20px; font-size: 40px; line-height: 40px; }
.el-title span { font-size: 31px; line-height: 36px; display: block; }
.separator { height: 30px; }
.main u { display: block; margin-bottom: 13px; font-size: 13px; text-transform: uppercase; }
.main .col { width: 50%; }
.main .col .inner-col { width: 244px; }

.circle_list ul,
.arrow_list ul{ margin: 0; list-style-type: none; }

.circle_list li,
.arrow_list li { border-bottom: 1px solid #ffffff; font-size: 13px; line-height: 18px; color: #fff; font-weight: bold; text-transform: uppercase; list-style-type: none;  }

.arrow_list li:first-child, 
.circle_list li:first-child { border-top: 1px solid #ffffff; }

.arrow_list li a,
.circle_list li a { color: #fff; }

.circle_list li { padding: 10px 0 10px 35px; background: url(images/bullet_02.png) no-repeat 0 center; }
.arrow_list li { padding: 15px 0 15px 35px; background: url(images/bullet_03.png) no-repeat 0 17px; }
.main ol { margin-left: 15px; font-size: 14px; line-height: 26px; text-transform: uppercase; }
.main blockquote { margin-bottom: 20px; }
.main blockquote p{ margin: 0; padding: 0;  }
.main blockquote { padding-left: 25px; text-transform: uppercase; background: url(images/quote-bullet.png) no-repeat 0 3px; }
.main p { padding-bottom: 20px; }
.main p a { color: #fff; text-decoration: underline;}
.main p a:hover { text-decoration: none; }

.gform_wrapper ul { list-style-type: none; margin: 0; }
.gform_wrapper form { width: 204px; }
.gform_wrapper .gfield { margin-bottom: 12px; }
.gform_wrapper .gfield_label { font-size: 14px; line-height: 18px; color: #fff; }
.gform_wrapper .medium { width: 95%; height: 17px; padding: 0 2%; border: 1px solid #ffda99; border-radius: 3px; background: 0; font-size: 13px; line-height: 17px; color: #fff; }
.gform_wrapper textarea.medium { height: 116px; padding: 10px 2%; resize: none; }
.gform_wrapper .gfield-select .gfield_label { float: left; line-height: 20px; margin-right: 4px; }
.gform_wrapper .gfield-select .ginput_container { float: left; width: 80px; }
.gform_wrapper .gfield-select .ginput_container select { width: 100%; height: 20px; padding: 1px 2px; background: #ffa70d; }
.gform_wrapper .gform_button { float: right; display: block; width: 139px; height: 31px; background: #ffffff; border: 0; text-align: center; text-transform: uppercase; font: bold 18px/31px'Trebuchet MS'; color: #ffa200; }
.gform_wrapper .button { cursor: pointer; }

.gform_wrapper .white-form { padding: 15px 20px; background: #fff; border-radius: 10px; }
.gform_wrapper .white-form .gfield_label, .gform_wrapper .white-form .medium { color: #ffa200; }
.gform_wrapper .white-form .medium { border-color: #cbcbcb; }
.gform_wrapper .white-form .gfield-select .ginput_container select { background: #fff;}
.gform_wrapper .white-form .button { float: right; margin-left: 14px; width: auto; height: auto; background: 0; border: 0; font: bold 12px/18px Tahoma; color:#ffa200; text-decoration: underline; text-transform: capitalize; }
.gform_wrapper .white-form .button:hover { text-decoration: none; }

.main table { margin-bottom: 20px; }
.page-template-template-contact-php .main table td { width: 50%; }
.page-template-template-contact-php .main table td { padding: 3px 0;  border-top: 1px dotted #fff; }
.page-template-template-contact-php .main table td:first-child { font-weight: bold;}
.page-template-template-contact-php .main table td a { color: #fff; }

#map { width: 100%; height: 350px;  }
#map + small { margin-bottom: 20px; display: block; }
#content {  color: black ; padding-left: 10px;padding-bottom: 10px;  }
#content #firstHeading{ font-size: 18px; margin: 0; }
#content p { padding: 0; line-height: 17px; font-size: 13px; color: black; }

.download-table { }
.table .tabletitle { margin-bottom: 20px; padding: 2px 5px; background: #ca3535; color: #fff; font-size: 16px; line-height: 22px; text-transform: capitalize; text-align: center;}
.item-title a { color: #fff; text-decoration: underline;  }
.search .entry div { padding-top: 10px; }

.main table { text-align: center; background: #d15454; border-radius: 5px 5px 0 0; } 
.main table th { padding: 8px 0; background: #ca3535; font-size: 11px; line-height: 14px; } 
.main table th:first-child { border-radius: 5px 0 0 5px; text-align: left; padding-left: 20px; } 
.main table th:last-child { border-radius: 0 5px 5px 0; } 
.main table td { height: 35px; font-size: 12px; line-height: 16px; color: #fff; text-align: center; } 
.main table td a { color: #fff; text-decoration: underline; } 
.main table td:first-child { text-align: left; padding-left: 20px; } 
.main table td a:hover { text-decoration: none; } 
.main table td { border-top: 1px dotted #fff; border-left: 1px dotted #fff; } 
.main table tbody tr:first-child td { border-top: 0; } 
.main table tr td:first-child { border-left: 0; }  

.comment-form { margin-top: 20px; }
.main .comment-field ol{text-transform: lowercase;  }
.main .comment-field a{color: #fff; text-decoration: underline;   }
.form-row { margin-bottom: 10px;}
.form-row label { width: 120px; display: block; float: left;  }
.field { display: inline-block; width: 190px; margin-left: 25px; padding: 3px 5px; border: 1px solid #ca3535; border-radius: 3px; }
#submit { padding: 7px; background: #ca3535; border: none; border-radius: 3px; opacity: 0.8; cursor: pointer; text-transform: uppercase; color: #fff; margin-top: 15px;   }
#submit:hover  { opacity: 1 }
.comment-field ul, .comment-field ol{ list-style-type: none; }
.comment-field li  { background: none; padding-bottom: 10px;  }
.comment-author { text-transform: uppercase; }
.content ul.children li { background: none; }
.children { margin: 15px 0 0 25px; }
.search .post, .search  .page { margin-bottom: 15px; }
.title { text-transform: uppercase; }

/*
	Sidebar
*/

.sidebar { float: right; width: 240px; padding: 20px 33px; width: 25.26315789473684%; padding: 20px 3.47368421052632%; background: #ca3535; color: #fff; }
.sidebar ul { list-style-type: none; margin: 0; }
.sidebar .widgettitle { margin-bottom: 12px; font: 13px/19px Arial; text-transform: uppercase; text-decoration: underline; }
.sidebar .widget { margin-bottom: 25px; }

.widget_images a { display: block; margin-bottom: 12px; }
.widget_images a:hover img { opacity:0.6; filter:alpha(opacity=60); }

.widget table { text-align: center; background: rgba(255,255,255,0.1566); border-radius: 5px 5px 0 0; }
.widget th { padding: 8px 0; background: #ffa200; font-size: 11px; line-height: 14px; font-weight: normal; }
.widget th:first-child { border-radius: 5px 0 0 5px; }
.widget th:last-child { border-radius: 0 5px 5px 0; }
.widget td { height: 35px; font-size: 12px; line-height: 16px; color: #fff; }
.widget td a { color: #fff; text-decoration: underline; }
.widget td a:hover { text-decoration: none; }
.widget td { border-top: 1px dotted #fff; border-left: 1px dotted #fff; }
.widget tbody tr:first-child td { border-top: 0; }
.widget tr td:first-child { border-left: 0; } 

.widget .circle_list li,
.widget .arrow_list li { padding: 10px 0; border-top: 1px solid #ffffff; font-size: 13px; line-height: 19px; color: #fff; text-transform: uppercase;list-style-type: none;  background: none; font-weight: normal; border-bottom: none; }
.widget .circle_list li a,
.widget .arrow_list li a { display: block; padding: 5px 0; margin-bottom: 5px; font-weight: bold; color: #fff; }
.widget .arrow_list li  { padding-left: 35px; background: url(images/bullet_03.png) no-repeat 0 16px; }
.widget .circle_list li a { padding-left: 34px; background: url(images/bullet_04.png) no-repeat 0 0; }

/*
	Footer
*/

.footer { }
.footer-logos { text-align: center; padding-bottom: 45px; }
.footer-logos ul { list-style-type: none; margin: 0; }
.footer-logos li { display: inline; padding: 0 100px; }

.main-footer { padding: 10px 0; background: #f6f6f6; font-size: 13px; line-height: 18px; color: #9c9c9a; text-transform: uppercase; }
.main-footer .col.left { width: 436px; line-height: 20px; }
.main-footer .col.right { width: 380px; }
.main-footer a { color: #3857db; text-decoration: underline; }
.main-footer a:hover { text-decoration: none; }
.main-footer .footer-nav { list-style-type: none; margin: 0; }
.main-footer .footer-nav li { display: inline; padding: 0 2px; border-left: 1px solid #aeaeac; }
.main-footer .footer-nav li:first-child { border-left: 0; padding-left: 0; }
.main-footer .col.right img { margin: 5px 0; }

@media screen and (max-width: 950px){
	.shell { width: 100%; }

	.col-body img { width: 100%; }
	
	.navigation { padding-left: 226px; float: right; }
	.navigation li a { font-size: 12px; padding: 31px 14px 27px;}
	.logo a {display: block; background: url(images/logo.jpg) no-repeat 0 0; width: 222px; height: 173px; -webkit-background-size: 222px 173px; background-size: 222px 173px;}

	.carousel-cnt { width: 100%; height: 350px; }
	.carousel-cnt .carousel a { width: 100%; height: 350px; }
	.carousel-cnt .carousel a img { width: 100%; height: auto; }

	.banner img { width: 100%; height: auto; display: block;}
	
	.cols .col h2 { font-size: 35px;}
	.cols .col .col-body { padding: 15px; }
	.cols .col .col-img img { width: 100%; height: auto; }
	.main .col .inner-col { width: 210px; }

	.sidebar img { width: 100%; height: auto; }

	.footer-logos li { padding: 0 9%; }
	.main-footer .col.left,
	.main-footer .col.right { width: 40%; }
	.main-footer .col.left { padding-left: 5%; }
	.main-footer .col.right { padding-right: 5%; }
	/*.navigation li.current-menu-item a { line-height: 118px; text-align: right; text-align: center;  }*/
	.navigation li.current-menu-item a { padding-right: 14px; padding-left: 14px; width: auto; }
}

@media screen and (max-width: 767px){
	h1 { font-size: 30px; line-height: 34px; } 
	h2 { font-size: 28px; line-height: 32px; } 
	h3 { font-size: 26px; line-height: 30px; } 
	h4 { font-size: 24px; line-height: 28px; } 
	h5 { font-size: 22px; line-height: 26px; } 
	h6 { font-size: 20px; line-height: 24px; } 

	.header { height: auto; margin-bottom: 20px; }
	.col-body img { width: 100%; }
	.logo a {display: block; background: url(images/logo-small.jpg) no-repeat 0 0; width: 115px; height: 118px; -webkit-background-size: 115px 118px; background-size: 115px 118px;}
	.navigation { position: relative; z-index: 1; padding: 118px 0 0 0; float: none; }
	.navigation li { width: 100%; height: 48px; float: none; }
	.navigation li a { display: block; padding: 0; line-height: 48px; font-size: 15px; text-align: center;}
	.navigation li a:hover, .navigation li.current-menu-item a { padding: 0; }
	.navigation li.current-menu-item { position: absolute; top: 0; left: 0; width: 100%; height: 118px; line-height: 118px;   }
	.navigation li.current-menu-item a { line-height: 118px; text-align: right;  padding-right: 38%; }

	.carousel-cnt { display: none; }
	.banner { display: none; }

	.cols .col { width: 100%; margin: 0 0 20px; }
	.cols .col .col-body { min-height: 10px; }
	.circle-bullet-list li { padding: 14px 0 16px 36px; }

	.main { width: auto; margin: 0 0 20px; padding: 30px 20px; float: none; display: block; }
	.main .col { float: none; width: 100%; margin-bottom: 20px; display: block;}

	.sidebar { float: none; display: block; margin: 0 auto; width: auto; }

	.footer-logos li { display: block; text-align: center; padding: 0;}

	.main-footer .col.left, .main-footer .col.right { width: 90%; float: none; display: block; padding: 0 5% 20px; }
}
@media screen and (max-width: 480px){
	.main { padding: 30px 20px; }
	.navigation li.current-menu-item a { line-height: 118px; text-align: right; text-align: center; padding-left: 27%; padding-right: 0; }
	.col-body img { width: 100%; }
}

@media screen and (max-width: 320px){
	.navigation li.current-menu-item a {  padding-left: 37%; }
}