/* ----------------------------------------------
	Theme Name : Cobham Rugby Theme
 ------------------------------------------------ */

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
	background-color: #6394c5;
	font-family: Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, logo { 
	display: block;
	margin:0;
	padding:0;
}
a {text-decoration:none; color: #666;}
a img {
	border: 0;
}

img, object, embed, iframe {
	max-width: 100%;
}

img {
	height: auto;
	-ms-interpolation-mode:bicubic;
	max-width: 100%;
}

* {
	outline:none;
}

.btn-cobham {
	background: #423f7c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyM2Y3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjFkNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #423f7c 0%, #273863 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#423f7c), color-stop(100%,#273863)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #423f7c 0%,#273863 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #423f7c 0%,#273863 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #423f7c 0%,#273863 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #423f7c 0%,#273863 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423f7c', endColorstr='#273863',GradientType=0 ); /* IE6-8 */
	background-repeat:repeat-x;
	border-color:#273863;
	color: #FFF;
	text-decoration: none;
}
.btn-cobham:hover, .btn-cobham:focus {
	background: #273863; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMWQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjNmN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #273863 0%, #423f7c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#273863), color-stop(100%,#423f7c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #273863 0%,#423f7c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #273863 0%,#423f7c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #273863 0%,#423f7c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #273863 0%,#423f7c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273863', endColorstr='#423f7c',GradientType=0 ); /* IE6-8 */
	color: #FFF;
	text-decoration: none;
}
#main_area {
	background-color: #FFF;
	padding: 15px;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#header-top:before {
    content: '';
    height: 6px;
    width: 100%;
    display: block;
    background-color: #FFF;
}
#header-top #logo {
	background: url(../images/header_bg.png) no-repeat right bottom #D5DAED;
}
#header-top #logo img {
	margin: 4px 25px;
}
#header-top .search {
	background-color: #FFF;
}
#header-top .cobham_search_form {
	margin: 10px 0;
}
#header-top .cobham_search_form input[type="text"].form-control {
	border: 1px solid #020202;
	color: #020202;
	border-radius: 0;
	min-width: 230px;
}
#header-top .cobham_search_form .btn-cobham {
	background-color: #273863;
	color: #FFF;
	border-radius: 0;
	margin: 0;
	margin-left: -4px;
	border: 1px solid #273863;
}

#header {
	text-transform: uppercase;
	padding:1px 0;
	color:#FFF;
}
#cobham_header_menu {
    padding-left: 5px;
    padding-right: 5px;
}
#cobham_main_nav {
	background-color:#273863;
	border-bottom: 1px solid #FFF;
}
#cobham_main_nav ul.cobham_nav li a {
	color: #FFF;
	text-decoration: none;
	padding: 15px 20px;
	text-shadow: none;
}
#cobham_main_nav ul.cobham_nav li a:hover, #cobham_main_nav ul.cobham_nav li a.active {
	background-color: #D5DAED;
	color: #273863;
}

.home_area {
	background: url(../images/home_bg.jpeg) no-repeat 0 0 transparent;
	background-size: cover;
	padding: 25px 15px;
	color: #FFF;
}
.home_area h4.heading {
	color: #EBC617;
	font-weight: bold;
}
.homesocial_logo {
    margin-bottom: 15px;
    text-align: center;
}
.homesocial_logo a img {
	margin: 0 5px;
}

.slide-widget {
    padding: 15px 0;
    margin: 15px;
    display: block;
    background: url(../images/bkg_content.png) repeat left top;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.slide-widget::after {
    content: '';
    clear: both;
    display: block;
}
.effects .img {
	position: relative;
	margin-bottom: 5px;
	width: 100%;
}
.effects .img img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	min-height: 165px;
}
.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: #05142f;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a.expand {
	display: block;
	position: absolute;
	z-index: 100;
	color: #ebc617 !important;
    background: url(../images/rightarrow.jpg) no-repeat 95% 10px;
    padding: 0px 40px 5px 10px;
	line-height: 50px;
	font-weight: 700;
	font-size: 18px;
	text-decoration:none;
}
.overlay p {
	position: absolute;
	color: #FFF;
	left: 0;
    right: 0;
    bottom: 10%;
    margin: 0 auto -110px auto;
	font-size: 13px;
}
.overlay p a, .overlay p a:hover {
	color: #ebc617;
}
#effect-1 .overlay {
	bottom: 0px;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
}
#effect-1 .overlay a.expand {
	left: 0;
	right: 0;
	bottom: 50%;
	margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
	height: 100%;
}
#effect-1 .img.hover .overlay a.expand {
    bottom: 85% !important;
}
#effect-1 .img.hover .overlay p {
    bottom: 85%;
    padding: 0 10px;
    font-size: 13px;
}

/* Page Meta */

#page-meta {
	padding:18px 2%;
	background-color: #FFF;
	border-bottom: 1px solid #221f54;
	color: #221f54;
	min-height: 40px;
}
#page-meta h1 {
	font-size:30px;
	margin:0;
	color: #221f54;
}
#page-meta p {
	margin:0.25em 0 0;
	font-style:italic;
	font-size:1.2em;
}


/* Breadcrumbs */

#breadcrumbs {
	margin-bottom:15px;
	font-size:12px;
	text-transform:inherit;
	color:#221f54;
	float:left;
	width:100%;
}
#breadcrumbs a {
	color:#221f54;
	text-decoration:underline;
	font-weight:bold;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
.ccm-autonav-breadcrumb-sep {
	margin:0 3px;
	font-weight:bold;
}


/* Sub Navigation */
#sidebar h4.heading {
	background-color: #273863;
	color: #FFF;
	padding: 5px 0 5px 15px;
}
#sidebar ul.nav, #sidebar ul.nav ul, #sidebar ul.archived_list {
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
}
#sidebar ul.nav li, #sidebar ul.archived_list li {
	font-size: 1.1em;
	margin-top:2px;
	margin-bottom:3px;
	padding:0;
}
#sidebar ul.nav li a, #sidebar ul.archived_list li a {
	background:#eee;
	color:#666;
	text-decoration:none;
	display:block;
	padding:5px;
	border-left:3px solid #bbb;
}
#sidebar ul.nav li a:hover, #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {
	background:#ddd!important;
	color: #444!important;
	border-left-color:#888!important;
}
#sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {
	font-weight: bold;
}
#sidebar ul.nav li li {
	border-bottom:none!important;
	color:#777;
	font-size:0.85em;
	text-transform:none;
}
#sidebar ul.nav li ul {
	margin:0.5em 1em;
}
#sidebar ul.nav li li a {
	background:none;
	padding:0!important;
	border:none;
}
#sidebar ul.nav li li a:hover, #sidebar ul.nav li li a.nav-selected, #sidebar ul.nav li li a.nav-path-selected {
	background:none!important;
}


/* Footer */

footer {
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	font-size:14px;
	color:#211d54;
}
footer #footer_two {
	background-color:#dfdfdf;
	padding: 10px;
	font-size: 12px;
	line-height:18px;
}
footer #footer_three {
	background-color:#FFF;
	padding: 10px;
	font-size: 12px;
	line-height:18px;
}

footer a {
	color:#211d54;
}
footer a:hover {
	color:#211d54;
}
footer h4.heading {
	color:#211d54;
	font-size: 18px;
	font-weight: 700;
}
footer h4.heading i {
	color: #FFF;
}
footer ul {
	margin-left:0;
	list-style:none;
}
footer ul li {
	border-bottom:1px dotted #777;
	padding:5px 0;
}
footer ul li a {
	display:block;
	text-decoration:none;
}
footer p.sign-in {text-align: right; font-size: 14px;}
footer p.sign-in a {text-decoration: none}

footer #footer_three .copyright{font-size:14px; color: #211d54;}

/* Page List Block */
.ccm-page-list-title {
	margin:0 0 0.45em;
	font-size: 18px;
	color:#211d54;
}
div.ccm-page-list-description {
	margin-bottom:2.5em;
}
.ccm-page-list-thumbnail {
	margin-bottom:0.5em;
}
.ccm-page-list-link {
	text-decoration:none;
}
.ccm-page-list-one-col .row, .ccm-page-list-two-col .row, .ccm-page-list-three-col .row, .ccm-page-list-four-col .row {
	margin-bottom:2em;
}
.ccm-page-list-one-col p, .ccm-page-list-two-col p, .ccm-page-list-three-col p, .ccm-page-list-four-col p {
	margin-bottom:0.75em;
}


/* Default Blog */
#blog-index .entry {
}
#blog-index .entry .title h3 {
	margin:0 0 0.5em;
}
.meta, #blog-index .entry .title h4 {
	font-size:0.95em;
	font-style:italic;
	color:#999;
}
.meta a, #blog-index .entry .title h4 a {
	color:#999;
}
.meta a:hover, #blog-index .entry .title h4 a:hover {
	color:#666;
}
.blog-entry-divider {
	margin:3em 0!important;
}

h4.guestBook-title {
	border-bottom-color:#ccc!important;
	margin-left:0!important;
	margin-right:0!important;
}

/* Pagination */
#wrapper div.ccm-pagination {
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
	clear: both;
}
#wrapper div.ccm-pagination span {
    display: inline-block;
}
#wrapper div.ccm-pagination span a, #wrapper div.ccm-pagination span span, #wrapper div.ccm-pagination span strong {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #273863;
    text-decoration: none;
    background-color: #D5DAED;
    border: 1px solid #273863;
	border-radius: 4px;
}
#wrapper div.ccm-pagination span:first-child a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#wrapper div.ccm-pagination li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#wrapper div.ccm-pagination span span.ltgray {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
    border-color: #ddd;
}
#wrapper div.ccm-pagination .active strong, #wrapper div.ccm-pagination .active strong:focus, #wrapper div.ccm-pagination .active strong:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #273863;
    border-color: #273863;
}

@media (max-width: 480px) {
	#header-top #logo {background: #d5daed}
	#header-top #logo img {margin: 5px auto; display: table}
	#header-top .cobham_search_form {margin: 10px 0;}
	#header-top .navbar-form.cobham_search_form .form-group {float: left; width: 74%;}
	#header-top .cobham_search_form input.form-control[type="text"] {min-width: 150px;}
	#header-top .cobham_search_form .btn-cobham {float: left;}
	#header-top .social {display: table; margin: 50px 0 0;}
	ul.footer_nav {margin-bottom: 25px !important;}
	footer #footer_three .copyright {margin-bottom: 15px; text-align: center;}
	.effects .img {
		margin: 0 auto 15px;
		max-width: 300px;
		width: 100%;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	#header-top .cobham_search_form {margin: 10px 0;}
	#header-top .navbar-form.cobham_search_form .form-group {float: left; width: 92%;}
	#header-top #logo {float: left; margin: 5px 0 15px 15px;}
	.effects .img {
		display: table;
		margin: 0 auto 15px;
		max-width: 300px;
	}
}
@media (max-width: 768px) {
	#header {padding: 0}
	#cobham_main_nav {color: #fff;}
	#cobham_main_nav a {color: #FFF; text-decoration: none; padding: 12px 0 12px 12px; display: block;}
	#header .navbar-toggle {
		border: 1px solid #FFF;
	}
	#header .navbar-toggle .icon-bar {
    	background-color: #fff;
	}
	.navbar-collapse {
		clear: both;
	}
	.dropdown-menu {
		min-width: 150px !important;
	}
	.dropdown-menu li {
		float: none !important;
		width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	#header-top #logo {background-size: 100% 100%;}
	#header-top .cobham_search_form {margin: 10px; padding: 0;}
	#header-top .cobham_search_form input.form-control[type="text"] {min-width: auto;}
	ul.footer_nav {display: table !important; margin: 0 auto 25px !important;}
	#cobham_main_nav ul.cobham_nav li a {padding: 10px; font-size: 12px;}
}
@media (min-width: 981px) and (max-width: 1024px) {
	#header-top .cobham_search_form input.form-control[type="text"] {min-width: 220px}
	#cobham_main_nav ul.cobham_nav li a {
		font-size: 13px;
    	padding: 12px 20px;
	}
}