/*
Theme Name:     townsend
Theme URI:		    http://www.townsendteam.com/
Description:	   Townsend WP-Theme
Version:		      1.0
Author:			      CHRS Interactive
Author URI:	    http://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
header {width:100%;position:fixed;top:0;left:0;padding:0;z-index:9999;}

.header-top {padding:2px 0;background:#ab8f46;}
.header-btm {padding:10px 0;background:#fff;}

.logo {display:block;width:100px;float:left;}
.logo-sml {opacity:0;display:block;width:30px;position:absolute;top:-4px;left:5px;transition:all 0.3s ease}

/* Main Menu */
.mainNav {text-align:center;position:relative;}
.mainNav li {display:inline-block;}
.mainNav li a {display:inline-block;padding:0 20px;font:18px/1 'Oswald', sans-serif;color:#fff;text-transform:uppercase;}
.mainNav li a:hover {color:#478889;}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;padding:10px 0;width:100%;max-width:270px;text-align:left;z-index:99;background:#fff;-webkit-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
-moz-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);}
.mainNav ul li {display:block;float: none;position:relative;margin:0;height:auto;border:none;}
.mainNav ul li:hover {border:none;}
.mainNav ul li a {float:none;color:#444 !important;padding:0 10px;height:35px;line-height:35px;}
.mainNav ul li a:hover {color:#fff !important;border:none;background:#417C3B;}
.mainNav ul li.menu-item-has-children a {position:relative;}
.mainNav ul li.menu-item-has-children a:before {position:absolute;font-family: FontAwesome;font-size:12px;top:0;right:5px;content: "\f054";}

/* Level 3 */
.mainNav ul li ul {position:absolute;width:100%;top:0;left:100%;padding:0;background:#eaeaea;-webkit-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);-moz-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);}
.mainNav ul li.menu-item-has-children ul li a:before {display:none;}

/* Responsive Menu */
.mainNav {display:none;}

.cd-primary-nav-trigger {position:absolute;top:30px;right:10px; z-index:17;}
.cd-primary-nav-trigger .cd-menu-icon {display: block;width: 18px; height: 2px;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #478889; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #478889; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.cd-primary-nav-trigger .cd-menu-icon::before { top: -5px; }
.cd-primary-nav-trigger .cd-menu-icon::after { top: 5px; }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { background-color: #478889; }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }

.cd-primary-nav {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: #274958; z-index:15; text-align: center; padding: 180px 0 100px; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto;-webkit-overflow-scrolling: touch; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
.cd-primary-nav li { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size:2.4rem;}
.cd-primary-nav a { display:block;text-align:center; padding: .6em 0;color:#292C4A;transition:all 0.4s ease;color:#478889}
.cd-primary-nav.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }


.header-spacer {height:78px;}

/* -- @CONTENT ---------------- */
.banner {text-align:center;position:relative;}
.banner img {display:block;}
.banner-text {position:absolute;width:80%;top:35%;left:10%;text-align:center;}
.banner h2 {font-size: 3.0rem;margin-bottom:10px;}
.banner h3 {font:1.8rem/1.2 'Ubuntu', sans-serif;font-weight:500;margin:0;}

.cta-bar {padding:10px 0;}
.cta-bar span {font:2.6rem/1 'Oswald', sans-serif;font-weight:500;}

.client-logos li {display:inline-block;margin:25px 10px;}

ul.pic-list {list-style:none;margin:0 0 20px;}
ul.pic-list li {display:inline-block;margin:0 15px 10px;}
ul.home-intro-logos li {margin:0 20px 20px;}

.home-team-block {padding-bottom:20px;text-align:center;}
.home-team-block-link {display:block;cursor:pointer;}
.team-pic-frame {max-width:170px;margin:0 auto 25px;border: 6px #AB8F46 solid;position:relative;}
.team-pic-frame img {display:block;}
.team-pic-frame:before {content:"";position:absolute;width:100%;height:100%;top:10px;left:10px;border: 3px #AB8F46 solid;z-index:-1;}
.team-name,
.team-position {display:block;margin-bottom:2px;font:1.6rem/1.4 'Oswald', sans-serif;}
.team-name  {font-weight:700;}
.team-position {font-weight:300;}

.home-team-block .team-pic-frame,
.home-team-block .team-pic-frame:before {transition:all 0.3s ease;}
.home-team-block:hover .team-pic-frame,
.home-team-block:hover .team-pic-frame:before {border-color:#7F456F;}

#gform_3 label {display:none !important;}
#gform_3 input,
#gform_3 textarea {font-size:1.4rem;}

.lrg-txt {font:3.0rem/1 'Oswald', sans-serif;}
.button,
button {display:inline-block;padding:0 15px;height:40px;line-height:40px;background:#478889;border:none;color:#fff;text-transform:uppercase;}
.button:hover,
button:hover {background: #274958;}

.tip-box {margin:30px 0;border:2px solid #AB8F46;}
.tip-box-icon {width:10%;float:left;}
.tip-box-content {width:90%;float:left;}
.top-box-content-inner {padding:10px 15px;min-height:30px;font-size:1.6rem;line-height:1.5;}
/* Workshop */
.workshop-item {margin:30px 0;}
.workshop-item h3 {color:#274958;margin-bottom:5px;}

/* Team Single */
.team-meta {padding-bottom:20px;margin-bottom:40px;border-bottom:2px solid #AB8F46;}
.team-meta h3 {margin-bottom:10px;}

/* Home Footer */
.connect-links li {display:block;min-height:35px;margin-bottom:20px;padding-left:50px;position:relative;font-size:16px;line-height:1.4;}
.connect-links li:before {content:"";font-family:'FontAwesome';position:absolute;top:50%;left:0;margin-top:-18px;width:40px;height:40px;border-radius:100%;background:#ccc;color:#fff;text-align:center;line-height:40px;font-size:20px;}
.connect-links li.connect-email:before {content:"\f1fa";background:#7F456F;}
.connect-links li.connect-phone:before {content:"\f095";background:#478889;}
.connect-links li.connect-address:before {content:"\f003";background:#274958;}

/* Timeline */
.timeline {width:100%;position:relative;}
.timeline:before {content:"";position:absolute;top:0;left:50%;margin-left:-2px;width:4px;height:100%;background:#AB8F46;z-index:-1;}
.timeline-items {padding:40px 0;position:relative;background:url(images/timeline-arrow.jpg) center bottom no-repeat;}
.timeline-item {display:block;width:50%;box-sizing: border-box;position:relative;cursor:pointer;}
.timeline-left {float:left;text-align:right;margin-left:10px;}
.timeline-right {float:right;text-align:left;margin-right:10px;}

.timeline-item:before {content:"\f196";font-family:'FontAwesome';opacity:0;display:block;position:absolute;top:10px;font-size:18px;transition:all 0.3s ease;}
.timeline-left:before {right:20px;}
.timeline-right:before {left:20px;}
.timeline-item:hover:before {opacity:1;}

/* -- @BLOG ------------------- */




/* -- @FOOTER ----------------- */
footer {margin-top:60px;}
footer .container {padding-top:30px;padding-bottom:30px;border-top:1px #AB8F46 solid}
footer p {font-size:1.6rem;}


/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.entry:after {content: ""; display: table; clear: both;}