@charset "UTF-8";
/* CSS Document */
/*
Theme Name:     dcnx
Template:       attitude
Version:        1.0.0
*/
 
@import url("../attitude/style.css");

/* STRUCTURE------------------------------------------------------------ */
#main {padding-top:10px;}
.one-half {
	margin: 0 0 0 7.44%;
	width: 42.56%;
}



/* FONTS------------------------------------------------------------ */
h1, h2, h3, entry-title {
	font-family: 'Cinzel', serif !important;
}
.widget-title {
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 18px;
}
h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font: 15px 'PT Sans', sans-serif;
	line-height: 20px;
}
#content h3 {padding-top:25px;}
.entry-title {
    font: 28px/30px "Cinzel", serif;
}

body.home p {margin-bottom:0;}

/* COLORS------------------------------------------------------------ */
body {
	/*background-color:#007e97 !important;*/
	background-color:#97c7d1 !important;
}
blockquote, a.more-link, h1.widget-title, h2.entry-title, h3.service-title, h3,
#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a, 
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a,
#access ul li:hover > a,
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover,
#content ul a:hover, #content ol a:hover,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.entry-meta a:hover,
.tags a:hover,
.custom-gallery-title a:hover, .widget ul li a:hover,
.widget-title a:hover,
.widget_tag_cloud a:hover, .textwidget,
#site-generator .copyright a:hover {
	color:#007e97 !important;
}

mark {
	color:#007e97 !important; background-color:white;
}
span.blueBtn {
	color:white !important; background-color:#007e97; padding:2px 6px 2px 4px; font-size:80%;
} 

/* LOGO COLORS------------------------------------------------------------ */
#site-title img {
	width:440px !important;
}
#site-title a {
	color:#046a7e !important;
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
	color:#046a7e !important;
}

/* NAV COLORS------------------------------------------------------------ */
#access ul li ul {
	border-top: 4px solid #007e97 !important;
}
.featured-text .featured-title a {
	color: #fff !important;
}

/* SLOGAN BOX HOMEPAGE & BLOG Featured text on start page colors 
------------------------------------------------------------ */
.slogan-wrap {	
	/*background-color: #69685c !important;*/
	background-color: #007e97 !important;
 	font-family: 'Cinzel', serif !important;
	/*height: 80px;*/	
}
.featured-text .featured-title {
	background: #007e97 !important;
	background: rgba(0, 126, 151, 0.9) !important;
}
#controllers a:hover, #controllers a.active {
	background-color: #007e97 !important;
	color: #ff8400 !important;
}

/* SLIDER HOMEPAGE 
------------------------------------------------------------ */
.featured-text { display: none; }

/* BLOCKQUOTES & HR
------------------------------------------------------------ */
blockquote {
border-left: none;
}
/* Gradient transparent - color - transparent */

/* HEADER & FOOOTER BGS & BORDERS
------------------------------------------------------------ */
/* no border in navigation */
#access {
	border:none !important;
}
/* bg image in mobile navigation */
#access select {
	background:none;
}
/* no border in footer but BG */
#site-generator {
	padding: 20px 0px;
	border-top: 1px solid #eaeaea;
	color: #fff;
	background-color:#69685c;
}
#site-generator .copyright a {
	color:#97c7d1;
}
#site-generator .copyright a:hover {
	color:#fff !important;
}

/* IMAGES------------------------------------------------------------ */
/*Business layout icon size change to large thumbnail*/
.service-item .service-icon {
	height: 247px !important;
	width: 280px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	background-color: #ffffff !important;
	float: none !important;
	display: block !important;
	margin-right: 20px;
	text-align: center;
}

.service-item .service-icon img {
	height: 237px !important;
	width: 280px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
}

/* BUTTONS------------------------------------------------------------ */
/* Featured Text Startpage */
.slogan-wrap .view-work {
	color: #fff;
	font: 12px 'Cinzel', serif !important;
	float: right;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	height: 28px;
	padding: 8px 15px 0;
	margin-top: 8px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
   	background: none;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);	
	text-shadow:0 1px 0 rgba(251, 251, 251, 0.7)
}
.slogan-wrap .view-work:hover {
	background: #046a7e;
}
.slogan-wrap .view-work:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}


/* Blog buttons */
/*next & previous*/
	ul.default-wp-page li a:hover {
   	border: 1px solid #007e97;
  	color: #fff !important; 
   	background: #F9F9F9;
}

/* Readmore */
a.readmore {
	border: 1px solid #d0d0d0;
	color: #555;
	background: #F9F9F9;
}
a.readmore:hover {
	border: 1px solid #007e97;
	color:#007e97;
	background: #F9F9F9;
}
a.readmore:active {
	border: 1px solid #007e97;
	color:#007e97;
	background: #F9F9F9;
}

/* MEDIA QUERIES ---------------------------------------------------- */

@media only screen and (max-width: 767px) {
	.slogan-wrap .view-work {
	width: 52% !important;
	margin: 10px auto 0;
}
	.slogan-wrap {
	height: auto;
}
}