/*
Theme Name: Digital Visual Semantic Local 
Theme URI: http://www.digitalvisual.net
Author: Digital Visual 
Author URI: http://digitalvisual.net
Description: This theme was developed by Digital Visual using the Semantic UI framework. The functionality has been extended to include local area pages for your service region and provide targeted pages for your core services in those areas. 
Version: 1.1
License: (c) Digital Visual 
Text Domain: dv_semantic
Tags: responsive-layout, microformats, rtl-language-support, dark, light, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, editor-style, featured-images, flexible-header, sticky-post, theme-options, threaded-comments
*/


@import url(https://fonts.googleapis.com/css?family=Roboto);
/**/

/* semantic ui hacks */ 
.ui.three.column.grid>.two.column, .ui.three.column.grid>.row>.two.column {
    width: 66.3333%;
}
.ui.compact.grid>.column {
    margin-top: 0rem; 
    margin-bottom: 0rem; 
}


/* end semantic ui hacks */ 


body {
	padding:0px; 
	margin:0px; 
	font-family: 'Roboto', sans-serif;
} 
p { 
	line-height: 1.5rem;
	font-size: 0.9em;
} 

h2 { 
    font-family: inherit;
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: 300;
    font-size: 1.4rem;
	margin-top: 2rem;
	font-size: 1.2rem;
	border-bottom: #dedede 1px solid;
} 

h3 { 
    font-family: inherit;
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: 300;
    font-size: 1.2rem;
	border-bottom: #dedede 1px solid;
    margin-bottom: -.5rem;
} 
h4 { 
    font-family: inherit;
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: 300;
    font-size: 1.2rem;
	border-bottom: #dedede 1px solid;
	margin-top: 2rem;
} 

h3 a{ 
    color: #3e3e3e;
	text-decoration:none;
} 

/* THE MAIN PAGE HEADERS */ 
.ui.large.dividing.header.entry-title { 
	font-family: inherit;
    text-transform: uppercase;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 1.4rem;
	border-bottom: #dedede 1px solid;
    margin-bottom: 1rem;
} 

ul {
	color: #636363 !important;
    font-weight: 300;
} 

#header {
	background:#000; 
} 
h4.ui.header { 
	margin-bottom: .3rem;
    margin-top: 2rem;
} 

#footer a{
	color:#CCC;
} 
#footer {
	background:#eaeaed; 
	color:#999;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 2rem;
} 


#footer .column, #footer>.row>.column  { 
	font-size:0.8rem;
} 


/*** bring Contact Form 7 inline with Semantic styles  ***/

.wpcf7-form-control {
width: 100%;
font-family: "Helvetica Neue",Helvetica,Arial;
margin: 0;
padding: .65em 1em;
font-size: 1em;
background-color: #FFF;
border: 1px solid rgba(0,0,0,.15);
outline: 0;
color: rgba(0,0,0,.7);
border-radius: .3125em;
-webkit-transition: background-color .3s ease-out,-webkit-box-shadow .2s ease,border-color .2s ease;
-moz-transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;
transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}






.wpcf7-submit {
	width:auto !important;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	min-height: 1em;
	outline: 0;
	border: none;
	background-color: #FAFAFA;
	color: gray;
	margin: 0;
	padding: .8em 1.5em;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));
	border-radius: .25em;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08)inset;
	box-shadow: 0 0 0 1px rgba(0,0,0,.08)inset;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #5BBD72 !important;
	color: #FFF;
}
.wpcf7-submit {
	background-color: #40403E !important;
	color: #bbac79 !important;
    width: 100% !important;
} 

.wpcf7-submit:hover {
	color: #fff !important;
} 

.green.button.fluid {
	margin-top: 12px;
} 


#header h1 {
	margin-left:-99999px; 
	position: absolute;
} 

article img { 
	/*
	width:100% !important;
	*/
} 

.member.image { 
	float:right; 
	margin-left:1em; 
	margin-bottom:1em;
} 
@media only screen and (max-width: 768px) {
	.member.image { 
		float:none;
		display:block;
		margin-left:0px; 
		margin-bottom:1em;
	}
} 

.ajax-loader{ 
	width:auto !important;
} 



.menu-top-container {
	margin-top:25px;
} 
.ui.menu .item {
	font-size: 0.8rem;
	text-transform: uppercase;
} 


/*** Media Queries ***/

@media only screen and (max-width: 249px) {
	/* Really small screens */
}

@media only screen and (min-width: 250px) {
	/* Older smartphones */
}

@media only screen and (min-width: 500px) {
	/* HD smartphones & small tablets */
}

@media only screen and (min-width: 750px) {
	/* Old computer screens & most tablets */
}

@media only screen and (min-width: 1000px) {
	/* Standard Desktop */
}

@media only screen and (min-width: 1250px) {
	/* HD desktop & possibly TV's */
}



@media only screen and (max-width: 768px) {
	.menu-top-container {
		margin-top:-25px;
		margin-bottom:25px;
	} 
	#header {
		margin-bottom:10px; 
	}
}

#homethree {
	/*margin-top:-100px;*/
} 



#slider {
	position:relative; 	
	
}  

#slider img{
	display:block;
	width:100%; 
} 

#sliderwrapper {
	position:relative; 	
	height:264px;
	background: url(assets/images/diagonal-noise.png) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} 


#sliderwrapper #slidertitle {
	padding:1rem;
	background:#FFF; 
	opacity:0.7;
	margin-top:80px;
} 
#sliderwrapper #slidertitle h1{
	margin:0rem !important;
	font-family: inherit;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
    font-size: 1.4rem;
} 


@media only screen and (max-width: 768px) {
	#sliderwrapper {
		padding: 2rem;
    	margin-top: -1rem;
		height:auto;
	} 
	#sliderwrapper #slidertitle {
		margin-top: -1rem;
    	margin-left: -1rem;
    	margin-right: -1rem;
	} 

}





#note{
	position:absolute;
	top:20px;
	right:20px;
	background-color:#900;
	color:#FFF; 
	text-align:center;
	width:150px;
	height:50px;
	line-height:25px;
	font-size:.9rem !important;
	text-shadow: 2px 2px #000;
	padding:10px;
}


#ui.header.h4 { 

} 






#topheader {
	background: #40403E;
	background-color: #40403E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #FFF;
	text-transform: uppercase;
	padding-right:1rem;
} 
#topheader .ui.grid>.column, #topheader .ui.grid>.row>.column { 
	font-size:0.8rem;
} 

#topheader .tel{
	color:#bbac79;
	font-size:0.9rem;
	text-transform:none;
} 
#topheader .tel a{
	color:#bbac79;
	text-decoration:underline;
} 

@media only screen and (max-width: 768px) {
	#topheader .aligned.right.column{
		padding-bottom: 1rem !important;
	} 
}





#header {
	background-color: #40403E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
} 


.custom-logo-link .custom-logo{ 
	width: 80% !important;
    height: auto !important;
    margin-top: -40px;
    margin-bottom: 20px;
} 

#topmenu { 

	text-align:right;
} 
.ui.secondary.pointing.menu>.item, .ui.secondary.pointing.menu>.menu>.item {
	letter-spacing: 3px;
} 
@media only screen and (max-width: 768px) {
	.custom-logo-link .custom-logo{ 
		width:100% !important;
		margin-top: 0px;
	} 
	#topmenu { 
		text-align:center;	
	} 
	.menu-top-menu-container { 
		margin-top: -2.5rem;
    	margin-left: -2rem;
    	margin-right: -2rem;
    	margin-bottom: 1rem;
	} 
	.ui.secondary.pointing.menu>.item, .ui.secondary.pointing.menu>.menu>.item {
		letter-spacing: 0px;
	} 
} 




.menu-sub-menu-container { 
	color:#666;
} 


.wp-widget.sidebar-right-widget img { 
	width:100% !important;
	height:auto !important;
} 



.member.image { 
	margin-top: 1.2rem;
} 


.digitalvisual { 
color: #FFF; 
font-size:10px;
} 
.digitalvisual a{ 
color: #FFF; 
font-size:10px;
} 


#homethree a img{ 
	border: 1px solid #929292; 
	margin-bottom:10px;
} 

.ui.menu .menu { 
	display:none;
} 
.menu-item-has-children { 
	position:relative;
} 
.menu-item-has-children:hover .menu { 
	display:block;
	position:absolute; 
	top:1px;
	left:1px;
} 

#menu-main-menu { 
	padding-left: 0px !important;
}


#cssmenu a{ 
	display:inline;
}

#cssmenu ul { 
	list-style: none;
} 

#cssmenu ul { 
	display:inline;
} 
#cssmenu ul li{ 
	display:inline;
} 

#cssmenu ul li a{ 
	/* menu colour */ 
	color:#ccc; 
	padding: 10px 20px;
    margin: 10px;
	text-decoration:none;
	font-size:1rem;
} 
#cssmenu ul li a:hover{ 
	color: #000;
	background:#D6E0F0 !important;
	text-decoration:none !important;
} 
#cssmenu ul li.current-item a{
    /* When active */ 
    color: #1E84A2;
	font-weight:bold;
}





#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 15px;
	right: 6px;
	border: 5px solid transparent;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 6px;
}
#cssmenu ul li.has-sub:hover > a {
	padding-bottom: 13px;
	padding-top: 13px;
	top: 1px;
	z-index: 999;
	color:#CCC;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
    width: 180px;
    position: absolute;
    top: 1.5rem;
    left: -20px;
    z-index: 999;
    text-align: center;
    border: 1px #ccc solid;
    padding: 0px;
}

#cssmenu ul li > ul {
	/* width of sub menu */
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
	border-top:1px solid #CCC;
	
}
#cssmenu ul li > ul li a {
	/* dropdown*/
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	text-decoration: none;
	color:#CCC;
	background:#FFF;
}
#cssmenu ul li > ul li a:hover {
	/* dropdown hover*/
	color:#000;
}


#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
}




@media only screen and (max-width: 768px) {
	

#cssmenu ul li { 
    padding:0px;
    margin: 0px;
} 

#cssmenu ul li a {
	color: #ccc;
    padding: 10px 20px;
    margin: 10px;
    text-decoration: none;
    font-size: 1rem;
	display: block;
}

.custom-logo-link img{ 
 width:80% !important;
 margin-left:20% !important;
 margin-bottom:-100px;
} 
	
} 




.centerbox { 
	text-align:center; 
	background:#F0F0F0; 
	color: #999999;
} 
.centerbox h4 {
    font-family: inherit;
    text-transform:none !important;
    border-bottom: none !important;
    margin-top: 2rem;
	color:#999 !important;
	padding:10px 30px !important;
}
.centerbox p {
	padding:20px !important;
}

/* overrise for testomials in centerbox */ 

.strong-view { 
	background:#FFF !important; 
	padding-top:50px;
	font-size: 20px;
	
} 

.centerbox .metaslider { 
	background:#FFF !important; 
	padding-bottom:50px;
	
} 


.menu-footer-menu-container { 

} 


.menu-footer-menu-container { 
} 
.ui.secondary.inverted.pointing.menu {
  
}

.menu-footer-menu-container .ui.secondary.inverted.pointing.menu>.item.active, .menu-footer-menu-container .ui.secondary.inverted.pointing.menu>.menu>.item.active {
    border: none !important;
    color: #fff;
}
.menu-footer-menu { 
	width:100px; 
} 
.menu-footer-menu-container .ui.secondary.menu>.item, .ui.secondary.menu>.item {
    padding: 0px;
    margin: 0px;
    display: block;
	font-size:10px;
	border-bottom:none;
} 
.menu-footer-menu-container .ui.secondary.menu>.item, .ui.secondary.menu>.item {
	
} 

.ui.secondary.inverted.pointing.menu>.item.active, .ui.secondary.inverted.pointing.menu>.menu>.item.active {
    border-color: none !important;
}
.ui.secondary.inverted.pointing.menu {
    border-bottom: none !important;
}







.