/*
	Main CSS for Mahoney & Lyle
	CSS AUTHOR: Corfro (cory@workhorse-digital.com)
	FRAMEWORK: Foundation (responsive)
*/

/* 
	Web Fonts 
	font-family: 'Noto Serif', serif;
	font-family: 'Droid Sans', sans-serif;
*/
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic|Droid+Sans:400,700);
/* sprites */

/* Global/General Properties */
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.notof { font-family: 'Noto Serif', serif;}
.droid { font-family: 'Droid Sans', sans-serif;}
body {font-family: 'Droid Sans', sans-serif;}
.grayBg { background-color: #e2e2e2; padding: 7.5em 0; color: #5a5b5b;}
.blueBg { background-color: #c3e6e6; padding: 25px 0; color: #5a5b5b;}
.darkBlueBg { background-color: #77bbd3; padding: 25px 0; color: #fff;}
.dGrayBg { background-color: #5a5b5b; color: #fff; padding:3em 0 1em;}
h1 {}
h2 { font-size: 12px}
h3 {}
h4 {font-size: 1.25em;font-weight: 400}
h1,h2,h3,h4 {font-family: 'Droid Sans', sans-serif;}
p, li{ font-size: 10px;}
.contentCnt article p,
.contentCnt article li { font-size: 10px;}
.blue { color: #3298c6;}
.blue2 { color: #76bbd3;}
.blue3 { color: #c3e6e6;}
.f25 { font-size: 1.5625em;}
.left { float: left}
.right { float: right}
.clear { clear: both}
.darkBlueBg h2.blue2 { color: #c3e6e6;}
.blue-border { border-top: 2px solid #dae9f0 }
.big { font-size: 20px;}
/*
.blueBg .blue2, .blueBg .blue { text-shadow: 1px 1px 1px #e1f7f7; }
.darkBlueBg .blue { text-shadow: 1px 1px 1px #9cd5e9; }
.darkBlueBg .blue3 { text-shadow: 1px 1px 1px #5ea7c0; }
*/

/* header */
header { padding:15px 0; width: 100%;}
#menu-main-navigation { display: none;  list-style: none; margin-bottom: 0; margin-top: 1em;}
#menu-main-navigation > li { border-top: 1px solid #ccc; }
#menu-main-navigation > li > a { color: #5a5b5b; display: block; padding:.5em 0; font-size: 1em; text-transform: uppercase; font-family: 'Droid Sans', sans-serif;}
.mobile-menu { position: relative; float: right; top: 40px;}

/* hero */
#hero { width: 100%; text-align: center; height: auto; position: relative;}
#hero > img { width: 100%;}
/* Orbit Responsive Slider */
.banner-bg { position:relative; }
.banner-bg .banner-bg-img { display:block; position:absolute; width:100%; height:auto; }
.orbit-container .orbit-slides-container img { width: 100%;}
.orbit-container .orbit-slides-container > * .orbit-caption { background-color: rgba(0, 0, 0, 0); bottom: 0; color: #FFFFFF; font-size: 0.875em; padding: 10px 14px; position: absolute; width: auto;}
.orbit-caption { font-size: 0.5em; position: absolute; top:15%; right: 5%; text-align: right; color: #fff; width: 100%;}
.orbit-caption > p { font-size: 1.575em; font-weight: 400; font-weight: 700; margin-bottom: 2em; text-shadow: 1px 1px 1px #666;}
.orbit-caption > p.big { font-size: 2em; margin-bottom: .25em;  line-height: 1em; }
.orbit-caption > a.learnMore { color: #3298c6 !important; font-size: 1.25em; padding: .75em 2em; background: #fff; border-radius: 1em; font-weight: 700; letter-spacing: 1px }
.orbit-caption > a.learnMore:hover { color: #fff !important; background-color: #3298c6; }

/* Staff Member Circles */
.staffMemberCnt {float: left; overflow: auto; position: relative;}
.circleOverlay { position: absolute; top:0; right:0; left:0; bottom:0; width: 100%; height: 100%; background-position: -8px -273px; border-radius: 50%; transition: display 2s; -webkit-transition: display 2s;}
.memberCircle { border-radius: 50%;}
.memberCircle > img {border-radius: 50%;}
.staffMemberCnt:hover > .circleOverlay { display: none;}

/* Blue Icons */
/*
.icon{ width: 110px; height: 90px; display: block; overflow: hidden; margin: 0 auto 2em auto; text-align: center;}
.icon.pen {background-position: -130px -529px;}
.icon.pen:hover {background-position: -130px -631px;}
.icon.micro {background-position: -222px -528px;}
.icon.micro:hover {background-position: -222px -627px;}
.icon.speach {background-position:-13px -524px; height: 75px; margin-top: 15px;}
.icon.speach:hover {background-position:-13px -602px;}
*/
p.iconP {}

/* Quote bar */
.txtBg { background: url('../img/quote-bg.jpg');}
.quote{ font-size: 1.875em; color: #5a5b5b; font-family: 'Noto Serif', serif; font-style: italic; font-weight: 700; padding: 0 50px;}
.quote-info { font-size: 1.5625em; color: #44bead; font-family: 'Noto Serif', serif;}

/* footer */
footer { font-size: 0.7em;}
footer h4 { font-weight: 700;}
footer a { color: #fff;}
footer a:hover { color: #2795b6 !important}
footer nav { float: left; font-size: 0.9375em;}
footer nav.mainBold { text-transform: uppercase;}
footer nav + nav { margin-left: 20px;}
footer nav a { color: #fff}
nav.mainBold a { color: #fff; font-weight: 700; font-size: 15px; letter-spacing: 1px}
nav.secondary a { color: #fff;}
#menu-social-menu { list-style: none;}
#menu-social-menu > li { float: left; }
#menu-social-menu > li + li {margin-left: 10px;}
#menu-social-menu > li > a { display: block; width: 21px; height: 20px; overflow: hidden; text-indent: -999px; background-size: contain; background-repeat: no-repeat;}
#menu-social-menu > li.twitter > a { background-image: url('../img/mobile-twitter.png');}
#menu-social-menu > li.facebook > a { background-image: url('../img/mobile-facebook.png');}
#menu-social-menu > li.linkedin > a { background-image: url('../img/mobile-linkedin.png');}

/* recent post */
.recent-post {font-size: 0.9375em; list-style: none; width: 90%;}
.recent-post > li + li { border-top: 1px solid #fff; padding-top: 1.25em;}
.recent-title { display: block; color: #fff;  font-weight: 700; }
.recent-date { display: block;}
.recent-excerpt {}

/* Content Page Styles */
.contentCnt { margin-top: 20px;}
.contentCnt + .sideBar { display: none;}
article > h1,
article > h2.entry-title { font-size: 20px; color: #5a5b5b; font-family: 'Noto Serif', serif; }
article .entry-content {padding-right: 2em; color: #5a5b5b;}
.entry-content > p:last-child { margin-bottom: 0; padding-bottom: 2em;}
article p.blue { font-family: 'Noto Serif', serif;  font-weight: 700; font-size: 15px;;}
.sideBar h2 { font-size: 1.875em; color: #5a5b5b; font-family: 'Noto Serif', serif; font-style: italic; margin-top: 45px; margin-bottom: 2em; line-height: 40px;}
a.blueBtn { font-size: 1.25em; color: #fff; background-color: #77bbd3; padding: .75em 2.5em; border-radius: 1em; letter-spacing: 1px;}
a.blueBtn:hover { background-color: #44BEAD; color: #5A5B5B}
ul.contentUL { margin-left: 40px;}
ul.contentUL > li {padding: 4px 0;}
.relative { position: relative;}
.absolute { position: absolute;}

.serviceContent > h2 { margin-top: 0;}

.hide { display: block;}
.mobile-hide { display: none; }

/* Service Icons Abs */
.service-overlay.abs { 
	
}
#pr {
    left: 170px;
    position: absolute;
    top: 0;
    cursor: pointer;
}
#wr {
    left: 600px;
    position: absolute;
    top: 0;
    cursor: pointer;
}
#sm {
    left: 1030px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

/* Inudstries content */
.fourSqaureCnt { width: 1000px; overflow: hidden; margin: 0 auto;}
.fourSqaureCnt > div { width: 46%; float: left; padding: 4%;}
.block1 { border-right: 1px solid #47a0c9; }
.block2 { }
.block3 { clear: left; border-top: 1px solid #47a0c9; border-right: 1px solid #47a0c9; }
.block4 { border-top: 1px solid #47a0c9; }

/* .fourSqaureCnt h3 { padding: 50px;  cursor: pointer; margin: 25px;} */
.fourSqaureCnt.relative h3:hover { color: #fff; /*text-shadow: 1px 1px 1px #47a0c9;*/ cursor: pointer;}
.fourSqaureCnt.abs > h3 { position: absolute; display: none; }
.fqSqaure p { line-height: 25px; }
/* four abss titles */
#micro-copy2 { left: 280px;  top: 40px;}
#td-copy2 { left: 690px; top: 40px;}
#hc-copy2 { left: 310px; top: 267px;}
#other-copy2 { left: 807px; top: 267px;}

.hidden-copy { left: 135px; position: relative; top: 70px; width: 1000px; padding-bottom: 3em; }
.indieClose  { background-color: #c3e6e6; padding: 5px 25px; border-radius: 8px; cursor: pointer; color: #3298C6; }
.serviceClose { background-color: #77BBD3; padding: 5px 25px; border-radius: 8px; cursor: pointer; color: #fff; margin-bottom: 0; }


/* Drop shadow on quote box on some pages */
.page-id-10 .txtBg,
.blog .txtBg,
.page-id-39 .txtBg,
.single-post .txtBg { box-shadow:0 -1px 4px #ccc}

/* Staff MEmbers */
.teamBg .row{ padding: 20px 0;}
.teamBg:nth-child(odd){ background-color: #e2e2e2;}
.teamBg:nth-child(even){ background-color: #d6d6d7;}
.teamBg .staffMemberCnt { float: left; }

.staffMemberInfo .name {font-family: 'Droid Sans', sans-serif; font-weight: 700; color: #3298c6; font-size: 20px; margin-bottom: 4px;}
.staffMemberInfo .title {font-family: 'Noto Serif', serif; font-weight: 700; font-style: italic; font-size: 15px; color: #76bbd3;}
.staffMemberInfo .bio { font-size: 0.9375em; color: #5a5b5b;}
.bio-readMore, .less {font-weight: 700; cursor: pointer;}
.staffMemberInfo .bio > .more, .meta-sep, .author.vcard,
#sidebar > ul, #sidebar > ul + ul + ul, .pagenav, .categories, .hidden-copy { display: none;}

/* News and Events */
.entry-meta { margin-bottom: .875em;}
.blog .post + .post { border-top: 1px solid #ccc; padding-top: 1.75em;}
#sidebar > ul  + ul { display: block;}
#sidebar h2 { margin-bottom: 20px;}
#sidebar ul[role="navigation"] { list-style: none;}

/* Contact Form */
#contact-address {font-size:21px; line-height:30px; color:#656766; margin-bottom:20px;}
#contact-form-block {background:#C3E6E6; padding:30px 40px; color:#76BBD3; font-size:20px;line-height:22px;}
#contact-form-block h2 {font-family: 'Rokkitt', serif; font-size:30px; line-height:32px; font-weight:normal; margin-bottom:10px;}
#contact-form-block .formline {position:relative; font-size:16px; line-height:1px; background-color:#fff;}
#contact-form-block .formline input { padding:0 2%; width:96%; display:block; padding-left:14px; height:40px; border:none; margin-bottom:10px; position:relative; z-index:10; background-color:transparent; font-size:16px; line-height:17px; color:#656766;}
#contact-form-block .formline textarea {width:96%; height:170px; border:none; margin-bottom:10px; padding:2%; position:relative; z-index:10; font-size:16px; line-height:17px; color:#656766; background-color:transparent; }
#contact-form-block input,
#contact-form-block textarea { box-shadow: 0 0 0 #fff;}
#contact-form-block .formline label {position:absolute; top:20px; left:14px; cursor:text; z-index:9; color: #999999;}
.label-selected {top:5px !important; left:auto !important; right:10px !important; font-size:11px; line-height:12px; color:#999;}
.error {color:red;}
#contact-form-block form .send {background-color:#77BBD3; color:#fff; float:right; margin-top:10px; font-size:20px; line-height:21px; padding:15px 50px; cursor:pointer; border-radius: 8px 8px 8px 8px;}
.clearfix { clear: both;}


.home .icon.micro > img { position: absolute; top: 50%; display: block; height: 64px; margin-top: -32px;}
.home .icon.pen > img { position: absolute; top: 50%;  display: block; height: 64px; margin-top: -32px; margin-left: 25px}
.home .icon.speach > img { position: absolute; top: 50%; display: block; height: 33px; margin-top: -16px}