/*
Theme Name: Chronos Theme
Author: CMHB.co
Author URI: http://cmhb.co/
Description: 
Version: 1.0
*/


/*----*****---- << COLOURS >> ----*****----*/

.l-blue {color:#0099e6}
.blue {color:#0077B3}
.d-blue {color:#005580}


/*----*****---- << GENERAL >> ----*****----*/


body {
background:#fff;
color:#666;
font:15px/1.5 Arial, sans-serif
}

h1,h2,h3,h4,h5,h6 {
color:#444;
font-weight:bold;
}

h1.home {
font-family: 'Judson', serif;
font-size:2.5em;
font-weight:400;
margin-top:30px;
margin-bottom:0px;
text-align:center;
-webkit-font-smoothing: antialiased!important;
}

h2.home {
color:#888;
margin-bottom:20px;
text-align:center;
font-size:1.1em;
letter-spacing: 1px;
}

h1.entry-title {
margin:0 0 20px 0;
font-family: 'Judson', serif;
font-size:2.2em;
font-weight:400;
-webkit-font-smoothing: antialiased!important;
}

h1 {
font-size:1.55em;
margin-bottom:20px
}

h2 {
font-size:1.286em;
margin-bottom:20px
}

h3 {
font-size:1.143em;
margin-bottom:10px
}

h4 {
font-size:1.071em;
margin-bottom:10px;
color:#0077B3
}

h5,h6 {
font-size:1em;
margin-bottom:8px
}

p {
margin:0 0 20px
}

strong,b {
font-weight:700
}

em,i {
font-style:italic
}

a,a:focus,a:hover,button,button:focus,button:hover,button:active {
outline:0 none;
text-decoration:none;
transition-duration:.4s
}

a {
color:#0077B3
}

a:focus,a:hover {
color:#0099e6
}

ol,ul {
padding-left:30px;
margin-bottom:20px
}

hr {
margin:12px 0 14px;
border:0;
border-top:1px solid #ddd;
border-bottom:1px solid #fff;
width:100%;
clear:both
}


/*----*****---- << SPACING >> ----*****----*/


.no20 {
margin-bottom:0!important
}

.pad30 {
padding-top:30px
}

.pad20 {
padding-bottom:20px
}

.no-margin {
margin:0!important
}


/*----*****---- << IMAGES >> ----*****----*/


img.circ {
    border-radius: 50%;
    border: 1px solid #ddd;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);
    box-shadow:0 2px 4px rgba(0,0,0,0.05);
}


.soliloquy-container {
    border: 1px solid #ddd !important;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05) !important;
    box-shadow:0 2px 4px rgba(0,0,0,0.05) !important;
    margin-bottom:25px !important;
    margin-top:12px !important;
}

/*----*****---- << HEADER >> ----*****----*/


header {
border-bottom:1px solid #DDD;
box-shadow:0 1px 5px 0 rgba(0,0,0,0.05)
}

.logo {
margin-top:10px;
max-width:200px
}


/*----*****---- << NAV / MENU >> ----*****----*/

nav {float:right}

.level-1 {
display:inline-block;
vertical-align:middle;
position:static;
border-bottom:none;
font-size:14px;
font-weight:600;
padding:0;
margin:0;
text-transform:uppercase;
-webkit-font-smoothing: antialiased!important;
}

.level-1 > li {
position:relative;
display:inline-block;
padding:0;
border-top:0;
border-right:solid 1px #ddd
}

.level-1 > li:first-child {
border-left:solid 1px #ddd;
border-top:none
}

.level-1 > li:hover .sub-menu {
display:block
}

.level-1 > li > a {
padding:15px;
display:block;
color:#444;
padding:24px 10px
}

.level-1 > li > a:hover {
color:#0077B3
}

.sub-menu {
display:none;
font-weight:600;
position:absolute;
left:-20px;
top:100%;
z-index:1;
width:200px;
padding:10px 0 10px 20px;
border-top:1px solid #ddd;
border-bottom:solid 2px #0077B3;
text-align:left;
list-style:none;
box-shadow:0 2px 2px rgba(0,0,0,0.35);
background:#fff;
text-transform: capitalize;
z-index:10000;
}

.sub-menu > li {
position:relative
}

.sub-menu > li a {
display:block;
padding:10px 5px;
color:#666
}

.sub-menu > li a:hover {
color:#0077B3
}

.sub-menu li.nav-title {
margin:5px 0 0!important
}

.sub-menu li.nav-title a {
font-weight:600!important
}

.sub-menu li ul {
position:absolute;
display:none!important;
left:235px;
top:-30px;
z-index:999
}

.sub-menu li:hover ul {
display:block!important;
margin:20px 0 0
}

.sub-menu li ul li {
float:left;
width:210px;
display:block
}

.sub-menu li ul li a {
display:block;
margin:0!important;
width:100%
}


/*----*****---- << BACKGROUNDS >> ----*****----*/


.location-bg {
background-image:url(images/location-bg.jpg);
background-position: 0 -280px;
background-size:cover;
min-height:140px;
}

.social-bg {
background-image:url(images/social-bg.jpg);
background-position: 0 -180px;
background-size:cover;
min-height:140px;
}

.clock-bg {
background-image:url(images/clock-bg.jpg);
background-position: 0 -50px;
background-size:cover;
min-height:140px;
}

.banner-bg {
background-image:url(images/banner-bg.jpg);
background-position: 0 -210px;
background-size:cover;
min-height:140px;
}

.care-bg {
background-image:url(images/care-bg.jpg);
background-position: center center;
background-size:cover;
min-height:660px;
}

.care-bg-2 {
background-image:url(images/care-bg-2.jpg);
background-position: center center;
background-size:cover;
min-height:660px;
}

.care-bg-3 {
background-image:url(images/care-bg-3.jpg);
background-position: center center;
background-size:cover;
min-height:660px;
}


/*----*****---- << HOME PG >> ----*****----*/



/*--------- slider ---------*/

#slide { height:600px; width:900px; position:relative; overflow:hidden; z-index:2}

.slider {
	width:600px;
	margin:60px auto 0 0;
	position:relative;
	z-index:8;
	height:591px;
}
.items {
	display:none;
}

.pagination {
position:absolute;
top:-96px;
left:4px;
display:inline-block;
height:440px;
width:119px;
background:none;	
z-index:9999;
padding: 0;
margin: 0;
}

	.pagination li {
		float:left;
		padding:0 3px 0 0;
		font-size:0;
		line-height:0;
		margin:0;
		color:#252525;			
	}

.pagination a {
display:block;
width:115px;
height:110px;
text-align:center;
font-size:22px;
font-family: 'Judson', serif;
font-weight:400;
line-height:1.0em;
padding-right: 9px;
padding-top: 32px;
color:#fff;
text-decoration:none;
border-radius:150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
}
	
			
.a1 {
	position:absolute;
	top:330px;
	left:0px;
	background:url(images/pagination-a-bg.png) left 0px no-repeat;
}

.a2 {
    left: 37px;
    position: absolute;
    top: 221px;
	background:url(images/pagination-a-bg1.png) left 0px no-repeat;
}
.a3 {
    left: 117px;
    position: absolute;
    top: 139px;
	background:url(images/pagination-a-bg2.png) left 0px no-repeat;
}
.a4 {
    left: 222px;
    position: absolute;
    top: 96px;
	background:url(images/pagination-a-bg3.png) left 0px no-repeat;
}

.a4 a {
	height:117px;
}

.a1:hover,
.a2:hover,
.a3:hover { 
	background-position:0 -191px;
}
			.a4:hover {
	background-position:0 -183px !important;
}

.current { 
	background-position:0 -191px;
}

.a4.current  { 
	background-position:0 -183px;
}

.slider-bg {
	position:absolute;
	bottom:9px;
	left:63px;
	background:url(images/slider-bg.png) no-repeat 0 0;
	width:528px;
	height:528px;
	z-index:99;
}

.banner{
	width:300px;
	overflow:hidden;
	position:absolute;
	top:345px;
	left:auto !important;
	font-family: Arial, sans-serif;
	right:0px;
	display:block;
	padding:0px;
	z-index:5;
}

.text2 {
	font-weight:400;
	color:#fff;
	font-size:20px;
	display:block;
	line-height: 1.2;
	margin-bottom:20px;
}

a.button3 {
display:inline-block;
color:#fff;
background:#333;
position:relative;
font-size:15px;
line-height: 4;
padding-left: 9px;
border-radius:50%;
-webkit-border-radius:50%x;
height:60px;
width:54px;
float: right;
text-decoration: none;
text-transform: uppercase;
}

a.button3:hover {
background:#d0d0d0;
color:#fff;
}
a.button3:visited {
color:#fff;
}

/*-------- end slider -----------*/



/*----***** << HOME WIDGETS >> *****----*/


.home-widgets {
}

h3.hide {display:none}

.home-widgets .textwidget {
padding:30px;
display:inline-block;
}

.home-widgets img {
width:80%;
margin:0 auto 20px auto;
display:block;
}

.home-widgets h3 {
color:#0077B3;
text-align:center
}


/*----***** << START HERE >> *****----*/

.start-here {
background-image:url(images/start-bg.jpg);
background-position:center center;
background-size:cover;
}

.start-here p {
color:#0077B3;
font-family: 'Judson', serif;
font-size:2.5em;
font-weight: 700;
line-height: 1.1;
margin: 25px 0;
text-shadow:0 1px 0 rgba(0,0,0,0.25);
-webkit-font-smoothing: antialiased!important;
}

.start-btn {
display:inline-block;
vertical-align:middle;
border:none;
font-weight:bold;
text-transform:uppercase;
border-radius:2px;
padding:12px 20px;
font-size:15px;
color:#555;
background:#fff;
cursor:pointer;
}

a:hover.start-btn {
color:#777;
}

a:visited.start-btn {
color:#555
}



/*----*****---- << BODY CONTENT >> ----*****----*/

.breadcrumbs {
border-bottom:1px solid #ddd;
margin-bottom:20px}

#breadcrumbs {
margin: 20px 0 0 0;
font-size:.95em
}

#breadcrumbs i {font-size:.8em}


.more-info {
vertical-align:middle;
border-radius:2px;
padding:8px 16px;
font-size:13px;
text-transform:uppercase;
color:#fff;
cursor:pointer;
text-shadow:0 1px 0 rgba(0,0,0,0.25);
background-color:#0077B3;
margin-bottom:10px;
clear:both;
display:inline-block;
}

.more-info:hover {
background-color:#0099e6;
color:#fff;
}

.more-info:visited {
color:#fff;
}





/*----*****---- << FORMS >> ----*****----*/

.gform_body ul {
padding:0;
margin:0;
list-style-type:none
}

.gform_body input[type=text], .gform_body input[type=email], .gform_body textarea {
-webkit-appearance:none;
border:1px solid #ddd;
padding:6px 10px 8px;
font-size:13px;
font-family:Arial,sans-serif;
border-radius:2px;
width:100%;
margin-bottom:5px;
outline:none
}

.gform_body textarea {
height:60px
}

.gform_body select {
border:1px solid #ddd;
background-color:#fff;
font-size: 13px;
    width: 100%;
    height: 30px;
margin-bottom:5px;
}

.gform_button {
vertical-align:middle;
border:none;
border-radius:2px;
padding:10px 20px;
font-size:13px;
text-transform:uppercase;
color:#fff;
cursor:pointer;
text-shadow:0 1px 0 rgba(0,0,0,0.25);
background-color:#0077B3;
-webkit-appearance:none;
margin-bottom:10px;
}

.gform_button:hover {
background-color:#0099e6;
}

span.gfield_required {color:#9E0B0F}

.gform_validation_container, span#extensions_message, span.gform_drop_instructions {display:none}

.gform_button_select_files {margin-bottom:20px}


/*----***** << NEWS SIGNUP >> *****----*/


.swirl-bg {
background-image:url(images/swirl.png);
background-position:center right;
background-repeat: no-repeat;
}

.news-signup {
background-color:#0077B3;
color:#fff;
}

.news-signup p {
font-family: 'Judson', serif;
font-size:2.2em;
font-weight: 700;
line-height:1;
margin: 25px 0 5px 0;
-webkit-font-smoothing: antialiased!important;
text-align:center;
}

.swirl-bg .start-btn {
color:#fff;
background:#444;
font:15px/1.5 Arial, sans-serif;
font-weight:bold
}

.swirl-bg a:hover.start-btn {
color:#fff;
}

.swirl-bg a:visited.start-btn {
color:#fff
}


/*.news-signup .gfield_label {display:none}

.news-signup input[type=email] {
-webkit-appearance: none;
border: 1px solid #fff;
-webkit-border-radius:2;
background-color: transparent;
height: 33px;
font-size: 14px;
font-family: Arial, sans-serif;
border-radius: 2px;
outline: none;
width: 250px;
padding: 0px 15px;
color: #fff;
margin-top: 25px;
margin-right: 15px;
float:left;
display:inline;
}

.news-signup input[type=submit] {
-webkit-appearance: none;
box-shadow:inset 0 0 0 1px rgba(0,0,0,0.25);
background-color:#333;
color:#fff;
padding:0 20px;
margin-top: 25px;
height:35px;
font-size:12px;
-webkit-appearance:none;
border-radius: 2px;
-webkit-border-radius:2;
border: none;
letter-spacing: 1px;
cursor:pointer;
float:left;
display:inline;
}

.news-signup ::-webkit-input-placeholder {
   color: #f1f1f1;}

.news-signup :-moz-placeholder { /* Firefox 18- */
   color: #f1f1f1;}

.news-signup ::-moz-placeholder {  /* Firefox 19+ */
   color: #f1f1f1;}

.news-signup :-ms-input-placeholder {  
   color: #f1f1f1;} */


#gform_confirmation_message_9 {margin: 30px 0; color:#0077B3}

/*----*****---- << SIDEBAR WIDGETS >> ----*****----*/

aside {margin-top: 15px}

.side-widget {
margin-bottom:20px;
color:#666;
background:#f8f8f8;
border-bottom:2px solid #0077B3;
-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px
}

.widget-title {
color:#fff;
background:#0077B3;
padding:10px 10px 10px 15px;
margin:0;
border:1px solid #02877A;
border-bottom:none;
-moz-border-radius-topleft:2px;
-webkit-border-top-left-radius:2px;
border-top-left-radius:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-right-radius:2px;
border-top-right-radius:2px
}

.side-widget ul {
list-style:none;
padding:10px 15px;
margin:0
}

.side-widget ul li {
border-bottom:1px solid #ddd;
padding:5px 0
}

.side-widget ul li a {
color:#666
}

.side-widget ul li a:hover {
color:#0077B3
}

.side-widget ul li:last-child {
border-bottom:none
}

.blog .post-date {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
}


a.more-posts {
color:#F58933;
font-weight:700
}

a.more-posts:hover {
color:#F47B19
}


.blog-intro h2 {
width:80%;
margin:0 auto 40px
}

.blog-meta {
color:#6b6b6b;
font-size:.9em
}

.blog-meta a {
color:#6b6b6b
}

.blog-meta a:hover {
color:#019B8D
}

.blog-list h2 {
margin-bottom:5px
}

.blog-list .blog-meta {
margin-bottom:8px
}

.blog-list img {
float:left;
width:40%;
height:auto;
margin-right:20px;
margin-bottom:30px;
display:block
}

.blog-content p a,.blog-content li a {
color:#222!important;
border-bottom:1px solid #F58933
}

.blog-content .wp-post-image {
margin-bottom:20px;
-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,.25);
box-shadow:1px 1px 2px 0 rgba(0,0,0,.25)
}

.blog-content blockquote {
font-size:1.4em
}

.blog-content ol li,.blog-content ul li {
padding-bottom:8px
}

.blog-content h3 a {
color:#019B8D;
border-bottom:none
}



/*----*****---- << FOOTER >> ----*****----*/


footer {
color:#777;
font-size:1.1em;
background-color:#f8f8f8
}

footer a {
color:#777
}

footer a:hover {
color:#0077B3
}

footer h5 {
font-size:16px;
margin-bottom:20px;
color:#444444;
text-transform:uppercase;
}

footer .hide-title h5 {color:#f8f8f8}

.footer-widget ul {
    padding-left: 0;
    list-style-type: none;
}

.footer-widget ul li {
padding-bottom:4px
}

footer table.contact-info td {
vertical-align:top;
}

footer table.contact-info i {padding-right:7px}

/*----*****---- << CRUMBS >> ----*****----*/


#crumbs {
font-size:12px;
color:#efefef;
margin:0;
border-top:1px solid #333;
padding-top:20px;
background-color:#444B52;
}

#crumbs a {color:#efefef}
#crumbs a:hover {color:#fff}

.copy {
text-align:left
}

.links {
text-align:right
}

ul.flinks {
margin-bottom:0;
padding-left:0
}

ul.flinks li {
display:inline;
padding:0 0 0 10px
}

ul.flinks li:last-child {
display:none
}