/*
 Theme Name:   Canvas Child
 Theme URI:    http://www.gandrllc.com/
 Description:  Custom Theme based on Canvas
 Author:       G&R
 Author URI:   http://www.gandrllc.com
 Template:     canvas
 Version:      1.0
 Tags:         canvas, responsive
 Text Domain:  canvas-child
*/

/* Default styles */

@import "../canvas/style.css";


/* =Theme customization starts here
-------------------------------------------------------------- */

/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


/*-------------------------------------------------------------------------------------------*/
/* Header Area and Footer */
/*-------------------------------------------------------------------------------------------*/
.header-search {
	position: relative;
	top: 0;
	max-width: 15%;
	min-width: 125px;
	padding-top: 20px;
}

.header-search .icon-search {
	position: absolute;
	top: 8px;
	right: 9px;
}

@media only screen and (min-width: 768px) {
    #navigation { 
        float: right; 
        width: auto; 
        clear:none; 
        max-width: 600px;
        padding-bottom: 0;
        padding-top: 17px;
	margin-bottom: 0;
	margin-top: 15px;
	min-height: 50px;
    }
}

#nav-container {
	padding-top: 0;
	margin-bottom: 0px;
}



#logo {
	max-width: 160px !important;
	min-width: 150px;
	padding-top: 0;
	padding-bottom: 3px;
	margin-top: 0 !important;
}

#header {
	padding: 10px 0;
	margin-bottom: 20px;
	margin-top: 5px;
	clear: both;
	position: relative;
	background-size: auto;
	max-width: 100%;
	border-bottom: 1px solid #84bcbc !important;
}

.home #header {
	border-bottom: none !important;
	margin-bottom: 0;
}

#footer {
	padding: 10px 0 5px 0;
}


/*-------------------------------------------------------------------------------------------*/
/* General Style and Formatting */
/*-------------------------------------------------------------------------------------------*/


hr {
	background-color: #8f8f8f;
	border: 0;
	height: 1px;
	margin-bottom: 10px;
}

a:hover {
	text-decoration: none;
	color: #006464;
}

a img:hover {
	opacity: .55;
}

.page-title, .post .title, .page .title {
font: normal 26px/1.2em "Trebuchet MS", Tahoma, sans-serif;
}

.entry h3 {
	margin-bottom: .1em;
}

h3 a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #0b2575 !important;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

h3 a:hover {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #84bcbc !important;
	text-decoration: none !important;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

.about-team {
	margin-bottom:0px !important;
}

/*-------------------------------------------------------------------------------------------*/
/* BOX CONTENT */
/*-------------------------------------------------------------------------------------------*/

.entry .wp-caption-text {
	font: normal 14px "Trebuchet MS", Tahoma, sans-serif;
	color: #4b4b4b;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

div #vision-content {
	max-width: 100%;
	padding: 1px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	background: #F8F8F8;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff; }

div #vision-content p {
	font: normal 14px "Trebuchet MS", Tahoma, sans-serif;
	color: #4b4b4b;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

div #vision-content h4 {
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

div #vision-content img {
	margin: 0 !important;
	padding: 4px 0;
	background: none;
	border: 0; }

div #vision-content iframe {
	margin: 0 !important;
	padding: 4px 0;
	background: none;
	border: 0; }

div #CaseHistory {
	width: 90%;
	padding: 15px;
	margin-bottom: 20px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	background: #fff;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff; }

/*-------------------------------------------------------------------------------------------*/
/* Case History Images */
/*-------------------------------------------------------------------------------------------*/

@media all and (max-width: 1000px) {
	div #CaseHistory-Images {
		padding-bottom: 20px;
		float: left;
		width: 100%;
	}
}

@media all and (min-width: 1001px) {
	#CaseHistory-Images {
		width: 588px;
		float: right;
		margin-left: 15px;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* TABLES */
/*-------------------------------------------------------------------------------------------*/

@media phone {
	table {
		width: 100% !important;
	}
}


table {
	border: 1px solid #0b2575;
	border-radius: 0px;
}

td {
	border-bottom: 1px solid #eee !important;
	border-right: 1px solid #eee !important;
	border-radius: 0px;
	padding: 5px 10px !important;
}

th {
	background: #0b2575 !important;
	font: normal 20px "Trebuchet MS", Tahoma, sans-serif !important;
	color: #FFFFFF !important; 
	padding: 5px 10px !important;
}

table tbody h3 {
	color: #FFFFFF;
}


/*-------------------------------------------------------------------------------------------*/
/* REMOVE IMAGE BORDER */
/*-------------------------------------------------------------------------------------------*/
.entry img, img.thumbnail {
	border: none;
	background: none;
	padding: 5px;
}

.nocomments {
	display: none;
}

/*-------------------------------------------------------------------------------------------*/
/* BREADCRUMBS */
/*-------------------------------------------------------------------------------------------*/
.breadcrumb-title {
	display: none;
}

.breadcrumb {
	font-style: italic;
	font-size: 12px;
}

.breadcrumb .trail-end {
	font-style: normal;
	font-size: 12px;
}

.home .breadcrumb {
	display: none;
}

.main-test .breadcrumb {
	display: none;
}

/*-------------------------------------------------------------------------------------------*/
/* SLIDER */
/*-------------------------------------------------------------------------------------------*/
#loopedSlider {
	padding: 0 0 10px;
	margin: 0;
	position: relative;
}

body.full-slider.full-header #loopedSlider {
	margin-top: 0;
}

#wrapper #loopedSlider.business-slider .content { 
	width: 100% !important;
	top: auto !important;
	bottom: 5% !important;
	padding-left: 3%;
	padding-right: 3%;
}

#loopedSlider .content .title {
	display: block;
	letter-spacing: 2px;
}

#wrapper #loopedSlider.business-slider .content h2 {
	text-align: left;
}

#loopedSlider .content {
	padding: 0;
	background: #0b2575;
	font: normal 15px/1em "Trebuchet MS", Tahoma, sans-serif;
	color: #ffffff;
	text-align: left;
}

@media only screen and (min-width: 768px) {
#wrapper #loopedSlider.business-slider .content h2 {
	padding-bottom: 15% !important;
}
}

/*-------------------------------------------------------------------------------------------*/
/* FOOTER WIDGETS */
/*-------------------------------------------------------------------------------------------*/
#footer-widgets {
	border: none;
	padding: 10px 0;
	clear: both;
}

#footer-widgets .widget p {
	color: #FFFFFF;
	font: normal 12px "Verdana", Verdana, Helvetica, Arial, sans-serif;
}

#footer-widgets .widget p:hover {
	text-decoration: none;
	font-weight: bold;
	color: #b8dbdb;
}

#footer-widgets .widget a {
	color: #FFFFFF;
	font: normal 12px "Verdana", Verdana, Helvetica, Arial, sans-serif;
}

#footer-widgets .widget a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #b8dbdb;
}

#footer-widgets .widget ul li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #b8dbdb;
}

#footer-widgets .widget ul li {
	margin-top: 0;
	padding-top: 0;
	color: #FFFFFF;
	font: normal 12px "Verdana", Verdana, Helvetica, Arial, sans-serif;
}

#footer-widgets .widget h3 {
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
	font: normal bold 14px "Verdana", Verdana, Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #ffffff;
}

#footer-widgets .widget h4 a {
	color: #FFFFFF;
	margin-bottom: 5px;
	font: normal bold 13px "Verdana", Verdana, Helvetica, Arial, sans-serif;
}

#footer-widgets .widget h4 {
	color: #FFFFFF;
	margin-bottom: 5px;
	font: normal bold 13px "Verdana", Verdana, Helvetica, Arial, sans-serif;
}

#footer-widgets .widget h4:hover {
	text-decoration: none;
	font-weight: bold;
	color: #b8dbdb;
}

#footer-widgets-container {
	background-color: #8F8F8F;
}

#footer-widgets .menu-quick-links-container {
	padding-left: 10px;
}

#footer-widgets .menu-sectors-container {
	padding-left: 10px;
}

#footer-widgets .textwidget {
	padding-left: 10px;
}

#footer-widgets .searchform {
	width: 80%;	
	min-width: 250px;
	background-color: #ffffff
}



#footer-widgets .widget_search {
	padding-left: 10px;
}

/*-------------------------------------------------------------------------------------------*/
/* HEADER WIDGET */
/*-------------------------------------------------------------------------------------------*/
.searchform {	
	width: 150px;
	background-color: #ffffff
}

.header-widget {
	width: 150px;
}

@media only screen and (min-width: 768px) {
    .header-widget { 
        padding-bottom: 0;
        padding-top: 20px;
	margin-bottom: 0;
    }
}

/*-------------------------------------------------------------------------------------------*/
/* SUBSCRIBE WIDGET */
/*-------------------------------------------------------------------------------------------*/
#footer-widgets .widget_woo_subscribe p {
	display: none;
}

#footer-widgets .widget_woo_subscribe .social {
	padding-left: 10px;
	padding-top: 5px;
}

/*-------------------------------------------------------------------------------------------*/
/* GENERAL WIDGETS */
/*-------------------------------------------------------------------------------------------*/
.widget ul {
	clear: both;
	list-style-position: outside;
	list-style-type: none;
}

.widget ul li a {
	padding: 0;
	line-height: 22px;
	text-decoration: none;
}

.widget ul li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #006464;
}

.widget h3 {
	border-bottom: 1px solid #969696;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

.widget h5 {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #0b2575;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

.widget h5 a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #0b2575;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

.widget h5 a:hover {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #84bcbc;
	font-weight: bold;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

.widget p {
	font: normal 14px "Verdana", Verdana, Helvetica, Arial, sans-serif;
	color: #4b4b4b;
	line-height: 20px;
}

.widget h4 {
	font: italic 16px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	font-weight: 300;
	color: #4b4b4b;
	margin-top: 0;
	margin-bottom: 20px;
}

/*-------------------------------------------------------------------------------------------*/
/* OUR TEAM WIDGETS */
/*-------------------------------------------------------------------------------------------*/
.widget_woothemes_our_team .team-member h3 {
	font: normal 16px "Trebuchet MS", Tahoma, sans-serif;
	color: #4b4b4b;
	border-bottom: none;
	margin: 0;
	padding: 0 0 3px;
}

.widget_woothemes_our_team .team-member h3 a:hover {
	font: normal 16px "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #0b2575;
	font-weight: bold;
}

.widget_woothemes_our_team .team-member {
	margin-bottom: 0;
	padding-bottom: 2px;
}

.widget_woothemes_our_team .role {
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 3px;
}

.widget_woothemes_our_team .author-details {
	margin-left: 5px !important;
	padding-left: 5px !important;
	margin-bottom: 0;
	padding-bottom: 5px;
}

#main .widget_woo_subscribe p {
	display: none;
}

#main .widget_woo_subscribe h3 {
	display: none;
}

/*-------------------------------------------------------------------------------------------*/
/* BLOG IMAGE SIZE */
/*-------------------------------------------------------------------------------------------*/
.blog #content img {
max-width: 400px;
}


/*-------------------------------------------------------------------------------------------*/
/* How We Help LAYOUT */
/*-------------------------------------------------------------------------------------------*/
#Process-Col-One {
	background: url(http://wp.gandrllc.com/wp-content/uploads/MD-BG-300x160.png) no-repeat top center;
	background-size: 99% 99%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#Process-Col-Two {
	background: url(http://wp.gandrllc.com/wp-content/uploads/CA-BG-300x160.png) no-repeat top center;
	background-size: 99% 99%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#Process-Col-Three {
	background: url(http://wp.gandrllc.com/wp-content/uploads/IMP-BG-300x160.png) no-repeat top center;
	background-size: 99% 99%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#Process-Col-Four {
	background: url(http://wp.gandrllc.com/wp-content/uploads/MR-BG-300x160.png) no-repeat top center;
	background-size: 99% 99%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#Process-Col-One .aligncenter {
	margin-bottom: 0;
}

#Process-Col-Two .aligncenter {
	margin-bottom: 0;
}

#Process-Col-Three .aligncenter {
	margin-bottom: 0;
}

#Process-Col-Four .aligncenter {
	margin-bottom: 0;
}

#Process-Col-One p {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin: 0 60px 7px;
	padding: 0 0 3px;
}

#Process-Col-One p a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

#Process-Col-One a:hover {
	font: normal 21px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
	line-height: 12px;
}

#Process-Col-Two p {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin: 0 80px 7px;
	padding: 0 0 3px;
}

#Process-Col-Two p a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

#Process-Col-Two p a:hover {
	font: normal 21px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
	line-height: 12px;
}

#Process-Col-Three p {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin: 0 60px 7px;
	padding: 0 0 3px;
}

#Process-Col-Three p a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

#Process-Col-Three p a:hover {
	font: normal 21px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
	line-height: 12px;
}

#Process-Col-Four p {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin: 0 80px 7px;
	padding: 0 0 3px;
}

#Process-Col-Four p a {
	font: normal 20px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
}

#Process-Col-Four p a:hover {
	font: normal 21px/1.2em "Trebuchet MS", Tahoma, sans-serif;
	color: #FFFFFF;
	margin: 0 0 7px;
	padding: 0 0 3px;
	line-height: 12px;
}

#Process-Col-One:hover {
	background: url(http://wp.gandrllc.com/wp-content/uploads/MD-BGh.png) no-repeat top center;
	background-size: 100% 100%;
}

#Process-Col-Two:hover {
	background: url(http://wp.gandrllc.com/wp-content/uploads/CA-BGh.png) no-repeat top center;
	background-size: 100% 100%;
}

#Process-Col-Three:hover {
	background: url(http://wp.gandrllc.com/wp-content/uploads/IMP-BGh.png) no-repeat top center;
	background-size: 100% 100%;
}

#Process-Col-Four:hover {
	background: url(http://wp.gandrllc.com/wp-content/uploads/MR-BGh.png) no-repeat top center;
	background-size: 100% 100%;
}

div #Process-Description {
	display: none;
}


/*-------------------------------------------------------------------------------------------*/
/* Columns - Based on Screen Size */
/*-------------------------------------------------------------------------------------------*/

@media all and (max-width: 895px) {
	#three-col {
		width: 100%;
		min-width: 350px;
	}

	#two-col {
		width: 90%;
		padding-left: 10%;
		min-width: 350px;
	}

	#site-icon {
		width: 45%;
	}

	#connect-icon, #connect-F, #connect-T, #connect-Y, #connect-P, #connect-L {
		width: 100%;
		height: 50px;
		padding-bottom: 10px;
	}
}

@media all and (min-width: 1080px) {
	#three-col {
		width: 31%;
		height: 195px;
		padding-right: 2%;
	}

	#two-col {
		width: 30%;
		padding-left: 10%;
		padding-right: 10%;
	}

	#site-icon {
		width: 15%;
		padding-right: 1%;
	}	

	#connect-icon, #connect-F, #connect-T, #connect-P {
		width: 19%;
		height: 50px;
	}

	#connect-Y {
		width: 20%;
		height: 50px;
	}

	#connect-L {
		width: 23%;
		height: 50px;
	}
}

@media all and (max-width: 1079px) and (min-width: 896px) {
	#three-col {
		width: 48%;
		height: 172.5px;
		padding-right: 2%;
	}

	#two-col {
		width: 30%;
		padding-left: 10%;
		padding-right: 10%;
	}

	#site-icon {
		width: 32%;
		height: 224px;
		min-width: 80px;
	}

	#connect-icon {
		width: 32%;
		height: 50px;
		padding-bottom: 10px;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* Columns - Based on Screen Size - ABOUT G&R */
/*-------------------------------------------------------------------------------------------*/

@media all and (max-width: 895px) {
	#four-col {
		width: 100%;
		min-width: 350px;
	}
}

@media all and (min-width: 1280px) {
	#four-col {
		width: 23%;
		padding-right: 2%;
	}
}

@media all and (max-width: 1279px) and (min-width: 1181px) {
	#four-col {
		width: 48%;
		padding-right: 2%;
	}
}

@media all and (max-width: 1180px) and (min-width: 1051px) {
	#four-col {
		width: 48%;
		padding-right: 2%;
		min-height: 240px;
	}
}

@media all and (max-width: 1050px) and (min-width: 967px) {
	#four-col {
		width: 48%;
		padding-right: 2%;
		min-height: 263px;
	}
}

@media all and (max-width: 966px) and (min-width: 932px) {
	#four-col {
		width: 48%;
		padding-right: 2%;
		min-height: 285px;
	}
}

@media all and (max-width: 931px) and (min-width: 896px) {
	#four-col {
		width: 48%;
		padding-right: 2%;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* OOM - Enjoy */
/*-------------------------------------------------------------------------------------------*/

@media all and (max-width: 767px) {

	#Video {
		width: 100%;
	}

	#Essay-Wide {
		width: 100%;
	}

	#Essay-Narrow {
		width: 100%;
	}

	#Infographic {
		width: 100%;
	}

}


@media all and (min-width: 1440px) {

	#Video {
		width: 24.5%; 
		height: 400px;
	}

	#Essay-Wide {
		width: 25%; 
		height: 400px;
		min-width: 330px;
	}

	#Essay-Narrow {
		width: 13%;
		min-width: 170px;
	}

	#Infographic {
		width: 13%;
		min-width: 170px;
	}

}

@media all and (max-width: 1439px) and (min-width: 768px) {
	#Video {
		width: 50%;
	}

	#Essay-Wide {
		width: 40%;
		height: 380px;
	}

	#Essay-Narrow {
		width: 30%;
		height: 380px;
	}

	#Infographic {
		width: 30%;
		height: 380px;
	}
}


/*-------------------------------------------------------------------------------------------*/
/* Proven Solutions, Trusted Expertise */
/*-------------------------------------------------------------------------------------------*/

@media all and (max-width: 434px) {
	#PSTE-block {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#PSTE-icon-block-L, #PSTE-icon-block-R {
		width: 100%;
		min-width: 192px;
	}

	#PSTE-icon {
		width: 33%;
	}

	#PSTE {
		width: 100%;
		min-width: 192px;
	}
}


@media all and (max-width: 949px) and (min-width: 435px) {
	#PSTE-block {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#PSTE-icon-block-L, #PSTE-icon-block-R {
		width: 50%;
		min-width: 192px;
		margin-left: 25%;
		margin-right: 25%;
	}

	#PSTE-icon {
		width: 33%;
	}

	#PSTE {
		width: 100%;
		min-width: 192px;
	}
}



@media all and (min-width: 950px) {
	#PSTE-block {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#PSTE-icon-block-L {
		width: 20%;
		padding-left: 5%;
	}

	#PSTE-icon-block-R {
		width: 20%;
		padding-right: 5%;
	}


	#PSTE-icon {
		width: 33%;
	}

	#PSTE {
		width: 50%;
	}
}

/*-------------------------------------------------------------------------------------------*/
/* Timeline*/
/*-------------------------------------------------------------------------------------------*/

#archives .archives_list .comments {
font-size: 90% !important;
}