/*
Theme Name:     3clicks Child Theme
Theme URI:      http://3clicks.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       3clicks
Version:        1.0
Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */
#g1-precontent{display:none}
.apples h1 { color:#fff; text-shadow: 0px 0px 5px #000; }
.g1-header > .g1-background { }
#topper { margin-top: 10px; float: right; }
.qual { font-size: 14px; color: #a3ea93; float: right; text-align: left; font-weight: 300; letter-spacing: 1px; margin-top: 4px; }
.qual strong { color:#fff; padding:0px 3px; }
.headlogos { background-image: url(images/bda-hcpc-logos.png); background-repeat:no-repeat; display:block; width:269px; height:32px; margin-right: 40px; float:right; }
.phone { background-image: url(images/phone-icon.png); background-repeat:no-repeat; background-position: left 5px; padding-left:30px; font-size:24px; color:#fff; float: right; }
#navigation { float: right; font-size: 20px; margin:5px 0px; }
#navigation a { padding:5px; margin-left:10px; }

.button {width: 25%; float:left; text-align:center; padding:10px 0px; border-radius:10px;}
.button a {color: #fff;font-size: 20px;font-weight: 600;}
.help { background-color:#4dac38; margin:10px 5% 30px 20%; }
.contact { background-color:#dd0f19; margin:10px 20% 30px 5%; }
blockquote { clear: both; border-width: 1px 0 0 0; padding: 1.5em 3em 0 4em; font-size: 22px; font-style: italic; text-align: center; line-height: 32px; }
blockquote::before { font: 40px/40px FontAwesome; color: #dd0f19; }

.page-id-21 h2 { clear:both; border-top:1px solid #ccc; margin-top:15px; padding-top:15px; color:#4dac38; font-weight:bold; }
.page-id-21 img { }
.tablist { background-color:#efefef; font-weight:bold; }

#g1-prefooter-widget-area { padding-top: 20px; }
#g1-prefooter-widget-area .textwidget { text-align:center; font-size:21px; }
#g1-prefooter-widget-area .textwidget strong { font-size:26px; font-weight:700; }
#footlogos { margin-bottom:20px; }
#bda { width:45%; margin-right:5%; height:48px; display:block; background: url(images/bda-logo.png) no-repeat right center; float:left; }
#hcpc { width:45%; margin-left:5%; height:48px; display:block; background: url(images/hcpc-logo.png) no-repeat left center; float:left; }

@media only screen and (max-width: 850px) {
	.headlogos { width: 220px; margin-right: 30px; background-size: 100% auto; }
	.phone { padding-left: 25px; font-size: 20px; background-size: 20px 20px; }
	#navigation { font-size:16px; margin-top:10px; }
	#navigation a { margin-left:7px; }
}
@media only screen and (max-width: 700px) {
	#g1-id { padding: 15px 0px; }
	#topper { width: 225px; }
	.qual { font-size: 13px; float: none; text-align: center; letter-spacing: 0px; }
	#g1-id { float: none !important; margin: 0px auto; width: 200px; }
	#topper { width: 100%; }
	.phone { width: 100%; text-align: center; padding: 0px; background: none; float: none; }
	.headlogos { float: none; height: 32px; width: 100%; background-size: auto 100%; background-position: center; margin:10px 0 0 0; }
	#navigation { margin: 0 0 15px 0; text-align: center; float: none; clear: both; padding-top: 10px; font-size:17px; }
	#navigation a { margin:0px 3px; }
	.help { margin: 10px 0; }
	.button { width: 70%; float: none; text-align: center; margin: 10px 15%; }
	#g1-prefooter-widget-area  .textwidget { font-size: 16px; }
	#g1-prefooter-widget-area  .textwidget strong { font-size: 20px; }
	blockquote { font-size: 17px; line-height: 26px; }
	.alignright { margin: 0px; float: none; }
	.g1-table { margin: 0 0 15px 0; overflow-x: auto; border-style: none; border-width: 0px; }
}

@media only screen and (max-width: 500px) {
	#g1-section-1.g1-section { padding-bottom: 100px !important; padding-top: 100px !important; }
	#navigation { font-size:15px; }
	#navigation a { margin:0px; }
	.page-id-21 img { float: none; text-align: center; margin: 0px auto 10px auto; width: 115px; display: block; }
	#bda, #hcpc { background-size: 100% auto; }
	#g1-prefooter-widget-area  .textwidget { font-size: 14px; }
	#g1-prefooter-widget-area  .textwidget strong { font-size: 17px; }
}