/*
Theme Name: Trinity Church Lakeville
Description: A custom made theme by Ben Coyour Design.
Version: 1.47
Author: Ben Coyour Design
Author URI: http://www.bencoyourdesign.com


/* FONTS
------------------------------*/
@font-face {
  font-family:'clemente';
  src:url('css/font/clemente-light-webfont.woff2') format('woff2'),
      url('css/font/clemente-light-webfont.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}



/* BASE STYLES
------------------------------*/
html {background:#1e222b;}
body {font-family:'proxima-nova','Helvetica','Arial',sans-serif; overflow-x:hidden; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;}
img {max-width:100%; height:auto;}
a {color:#00c4ac; transition:all 0.3s ease; text-decoration:none;}
a:hover {text-decoration:none;}
a.btn-small {display:inline-block; border:1px solid #00C4AC; border-radius:5px; padding:6px 18px; margin-top:5px; margin-bottom:-10px; transition:all 0.3s ease;}
a.btn-small:hover {background:#00C4AC; color:#fff;}
#hwrap a, #fwrap a {text-decoration:none;}
#wp-admin-bar-comments, #wp-admin-bar-customize {display:none;}
figure {margin:0;}
@media (max-width:782px){ #wpadminbar {display:none;} html {margin-top:0 !important;} }



/* HEADER
------------------------------*/
#hwrap {
  position:fixed; z-index:999;
  width:100%;
  background:#1e222b;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition:box-shadow 2s ease; -o-transition:box-shadow 2s ease; transition:box-shadow 2s ease;
  -webkit-box-shadow:0; box-shadow:0;
}
#hwrap.sticky {
  -webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.1); box-shadow:0 0 7px 1px rgba(0,0,0,.1);
}
#hwrap.menuactive {height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-box-shadow:0; box-shadow:0;}
#hwrap header {height:60px; background:#0f1115; position:relative;}
#hwrap h2 {margin:0 0 0 20px; height:100%; position:relative; z-index:60; display:inline-block;}
#hwrap h2 img {
  width:100px;
  position:relative; top:50%;
  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}

#secondary {position:relative; text-align:center;}
#secondary ul {margin:0; padding:10px 0;}
#secondary li {list-style:none; display:inline-block;}
#secondary a {color:#bbbbbb; font-weight:300; font-size:13px; margin:0;}
#secondary i {color:#00c4ac; margin-right:4px; margin-left:13px;}
#icons {position:absolute; z-index:30; top:18px; right:75px;}
#icons ul {margin:0; padding:0;}
#icons li {list-style:none; display:inline-block;}
#icons a {color:#ccc; padding-left:10px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#icons a:hover {color:#00c4ac;}

#emergency {background:#c42000; color:#fff; text-align:center; padding:1.3em 8%; font-weight:700; font-size:1.3em;}
#emergency a {color:#fff; text-decoration:underline;}

@media (min-width:768px){
  #hwrap header {height:90px;}
  #hwrap h2 img {width:140px;}
  #icons {top:30px;}
  #icons a {padding-left:15px;}
}
@media (min-width:1024px){
  #hwrap header {height:100px;}
  #secondary ul {padding:15px 0; margin-left:-15px;}
  #secondary i {margin-left:20px;}
  #icons {z-index:60; font-size:20px; top:38px; right:30px;}
  #icons a {padding-left:17px;}
}
@media (min-width:1280px){
  #hwrap h2 {margin:0 0 0 50px; font-size:0;}
}



/* NAVIGATION
------------------------------*/
#mwrap {position:relative; box-sizing:border-box;}
.nav, .nav li {margin:0; padding:0; list-style:none;}
.nav ul {
  position:absolute; left:0; top:-1000px;
  overflow:hidden; opacity:0;
  padding:0; margin:0;
  -webkit-transition:all 0.5s ease-in .1s; -o-transition:all 0.5s ease-in .1s; transition:all 0.5s ease-in .1s;
  -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;
}
.nav ul ul {display:none;}

@media (max-width:1023px){
  #nav-trigger {
    display:block;
    position:absolute; top:0; right:0;
    height:100%; width:60px;
    text-align:center;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
  }
  #nav-trigger i {position:relative; top:43%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
  #mwrap {display:none;}
  .nav a {display:block; padding:15px 20px; border-bottom:1px solid rgba(50,50,50,.1); font-size:14px;}
  .nav i {opacity:.5; padding-left:5px;}
  #nav-trigger.menuactive, #mwrap, .nav a {background:#00c4ac; color:#fff;}
  #nav-trigger.menuactive {opacity:1;}
  .sub-menu a {padding:.8em 20px; background:rgba(0,0,0,.15); font-size:.8em; border-color:rgba(255,255,255,.1); color:rgba(255,255,255,.7);}
  .nav > li.hover > ul {position:static; opacity:1;}
}

@media (min-width:1024px){
  #nav-trigger {display:none;}
  #mwrap {display:block !important; position:absolute; top:0; right:0; width:100%; z-index:50;}
  .nav {font-size:0; margin:0 auto; text-align:center;}
  .nav li {display:inline-block; position:relative; white-space:nowrap;}
  .nav li a {
    display:inline-block;
    padding:0 16px;
    font-size:15px; line-height:100px; vertical-align:middle;
    color:#fff;
  }
  .nav i.fa-angle-down {display:none;}
  .nav > li:hover > a {background:#00c4ac;}
  .nav ul {width:250px; background:#00c4ac; text-align:left;}
  .nav ul li {display:block;}
  .nav ul a {font-size:14px; line-height:18px; padding:13px 20px; display:block; width:100%; box-sizing:border-box;}
  .nav ul a:hover {background:rgba(0,0,0,.1);}
  .nav > li.hover > ul {opacity:1; top:auto;}
}
@media (min-width:1280px){
  .nav li a {padding:0 24px; text-transform:uppercase;}
  .nav ul a {padding:13px 20px;}
}



/* HOME - BANNER
------------------------------*/
#bannerwrap {position:relative; width:100%; background:#000; overflow:hidden;}
#bannerwrap i {position:absolute; z-index:20; bottom:20px; left:50%; width:30px; margin-left:-15px; font-size:30px; color:#fff; opacity:0.6;}
#banner {margin:0 auto; max-width:1280px;}

@media (max-width:767px){
  /* #banner {min-height:200px; width:200%; position:relative; left:-50%; z-index:10;} */
}



/* HOME - HIGHLIGHTS
------------------------------*/
#homewrap {
  position:relative; z-index:10;
  background:url(img/bg-home.jpg) no-repeat top center; -webkit-background-size:cover; background-size:cover;
}
.highlights {padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.servicetimes, .upcomingevents, .featured {
  background:#1e222b; color:#6d727c;
  max-width:340px; width:100%; margin:0 auto 30px;
  text-align:center;
  padding-bottom:50px;
  position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.highlights .outlinebtn {
  width:70%;
  display:block;
  margin:1.5em auto 0;
  text-transform:uppercase;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.highlights h3, .highlights ul, .highlights p {width:70%; margin-left:auto; margin-right:auto;}
.highlights h3 {margin-bottom:1.5em;}
.highlights strong {display:block; font-size:1.6em; line-height:1.2em; padding-bottom:10px;}
.upcomingevents ul {margin:0 auto; padding:0; text-align:left;}
.upcomingevents li {list-style:none; margin:0; display:block;}
.upcomingevents a {
  display:block; position:relative;
  color:rgba(255,255,255,.5);
  text-decoration:none;
}
.upcomingevents a::after {content:" "; display:table; clear:both;}
.upcomingevents a .date {
  float:left;
  width:60px;
  padding:10px 0 0; margin-bottom:12px; margin-right:10px;
  text-transform:uppercase; text-align:center;
  border:3px solid rgba(255,255,255,.2); border-radius:6px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
.upcomingevents a:hover .date {border-color:#00c4ac; background-color:#00c4ac;}
.upcomingevents a .eventname {
  display:table-cell;
  height:70px; vertical-align:middle;
  color:#fff; font-size:16px;
}

@media (max-width:767px){
  #homewrap {padding-bottom:100px;}
  .servicetimes, .upcomingevents, .featured {margin-bottom:30px;}
  .featured {margin-bottom:0;}
}
@media (min-width:768px){
  #homewrap {padding-bottom:70px;}
}
@media (min-width:1024px){
  .highlights {width:1024px; position:relative; padding:140px 0; margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;}
  .highlights::after {content:" "; display:table; clear:both;}
  .servicetimes, .upcomingevents, .featured {float:left; max-width:none; width:33.33%; padding-bottom:120px;}
  .upcomingevents {background:#232831;}
  .highlights .outlinebtn {position:absolute; bottom:45px; left:15%;}
  .highlights strong {font-size:1.8em;}
}



/* RESOURCES
------------------------------*/
#homeresources {
  position:relative; z-index:20;
  text-align:center;
  padding-top:30px; padding-bottom:30px; margin-top:-50px;
  background:url(img/bg-home-featured.png) no-repeat top center; -webkit-background-size:cover; background-size:cover;
}
.blackbar {background:rgba(0,0,0,.8); padding:30px 20px; margin-bottom:30px;}
#homeresources ul {margin:0 auto; padding:0; max-width:1024px;}
#homeresources li {display:inline-block; width:32%; text-align:center; vertical-align:top;}
#homeresources .blackbar a {color:#fff; text-decoration:none; font-size:12px; line-height:1.1em;}
#homeresources .blackbar a img {max-width:60%; display:block; margin:0 auto 10px;}

@media (min-width:768px){
  #homeresources {margin-top:-80px;}
}
@media (min-width:1024px){
  #homeresources {padding-top:90px; padding-bottom:60px; margin-top:-100px;
    background:url(img/bg-home-featured.png) no-repeat top center; -webkit-background-size:cover; background-size:cover;
  }
  #homeresources .blackbar a {font-size:18px; text-transform:uppercase;}
  #homeresources .blackbar a img {margin:0 auto 20px;}
  .blackbar {background:rgba(0,0,0,.8); padding:100px 20px; margin-bottom:40px;}
}



/* HEADINGS
------------------------------*/
.fl-builder .pagetitle {display:none;}
h1 {font-weight:400; font-family:'clemente';}
h2 {font-size:1.6em; line-height:1.3em; margin-top:3em; text-transform:uppercase;}
h3:not(.gsection_title) {
  font-size:1.5em; font-weight:400; font-family:'clemente'; text-transform:uppercase;
  margin-top:2.5em; padding-bottom:.7em;
  color:#000;
  border-bottom:1px solid rgba(0,0,0,.2);
}
h3 span {color:#00c4ac;}
h4 {font-size:1.2em; margin-top:2.5em; margin-bottom:0;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}

@media (min-width:768px){
  .pagetitle {text-align:center; padding-top:2em;}
  h1 {font-size:4em;}
  h2 {font-size:2em;}
  h3:not(.gsection_title) {font-size:1.5em;}
  h4 {font-size:1.4em;}
}
@media (min-width:1024px){
  h1 {font-size:70px;}
  h2 {font-size:2.9em;}
  h3:not(.gsection_title) {font-size:1.8em;}
}



/* CONTENT AREA
------------------------------*/
#cwrap {
  position:relative; z-index:10;
  background:#fff;
  font-size:13px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#main {
  max-width:1024px; margin:0 auto;
  padding:40px 20px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#main:after {content:" "; display:table; clear:both;}
.content p, .content ul, .content ol, .content table {color:#555;}
.content li {margin-bottom:.3em;}
.content blockquote {margin:2em 0;}
.content blockquote p {margin:0; font-family:'Georgia',serif; font-size:1.2em; line-height:1.45em; color:rgba(0,0,0,.6); }
.content blockquote em {font-size:.9rem; color:#000; font-style:normal;}

ul, ol {margin:1.4em 0 1.4em 1.3em; padding:0;}
ul li {list-style:square;}
ul ul li {list-style:circle;}
ul ul, ol ol {margin:.2em 0 .4em 1.5em;}

@media (max-width:559px){
  #main {max-width:350px;}
}
@media (min-width:1024px){
  .content p, .content ul, .content ol, .content table {font-size:15px; line-height:1.6em; margin-top:1.7em; margin-bottom:1.7em;}
  .content blockquote p {font-size:1.4em; line-height:1.8em;}
}



/* SPECIFIC PAGE ELEMENTS
------------------------------*/



/* LISTINGS
------------------------------*/
.listing h2 {text-align:center;}
.listing p {text-align:center;}
.listing .solidbtn {margin:0 auto; text-transform:lowercase !important;}
.listing:after {content:" "; display:table; clear:both;}
.imgtext {text-align:center; padding:0 0 2.8em;}
.imgtext a:hover {text-decoration:none;}
.imgtext a {color:#777; text-decoration:none;}
.imgtext strong {font-size:1.4em; display:block; color:#000;}
.imgtext span a {display: block}

@media (min-width:768px){
  .imgtext strong {line-height:.8em; padding:.7em 0 .3em;}
}



/* BIOS
------------------------------*/
span.role {display:block; font:300 .4em/1.2em 'proxima-nova'; color:#777; margin-bottom:30px;}
.bio {width:48%; float:left;}
.bio:nth-of-type(odd) {clear:both;}
.bio:nth-of-type(even) {float:right;}
.single-bio .postmedia img {width:100%; max-width:300px;}

@media (min-width:768px){
  .page-template-staff .listing a {-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:grayscale(100%);}
  .page-template-staff .listing a:hover {-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%);}
  .bio {width:24%; float:left; margin-right:1%;}
  .bio:nth-of-type(odd) {clear:none;}
  .bio:nth-of-type(4n+1) {clear:both;}
  .bio:nth-of-type(even) {float:left;}
  .bio-info {line-height:1.2em; display:block; font-size:0.9em}
  .single-bio .postmedia {text-align:center;}
  .single-bio .postmedia img {width:100%; max-width:400px; margin:0 auto;}
  .single-bio .center .content {text-align:center;}
}



/* EVENTS
------------------------------*/
.page-template-events-php h2 {margin-bottom:1em;}
.page-template-events-php iframe {display:none;}

@media (min-width:768px){
  .events {float:left; width:32%; margin-right:2%;}
  .events:nth-of-type(3n+1) {clear:both;}
  .events:nth-of-type(3n) {float:right; margin-right:0;}
  .events strong {line-height:1.2em;}
  .calendar h2 {clear:both; text-align:center;}
  .page-template-events-php iframe {display:block;}
  a.eventsbutton {display:none;}
  .single-event .center .content {text-align:center;}
}



/* SERMONS
------------------------------*/
.sermonlist {margin:0;}
.sermonlist li {margin:0; list-style:none; padding:1.5em 0; border-bottom:1px solid rgba(0, 0, 0, .1);}
a.sermontitle {display:block; font-family:'proxima-nova'; font-weight:700; color:#0F1115; font-size:1.2em; text-decoration:none; text-transform:uppercase;}
a.sermontitle:hover {color:#00c4ac;}
.sermonlist .break {color:#ccc;}
.page-template-sermons-php h2 {margin-bottom:1em;}
a.extra {
  font-size:.8em;
  font-weight:400;
  color:#666;
  text-decoration:none;
}

@media (min-width:768px){
  .sermonlist > li:first-child {border-top:1px solid rgba(0, 0, 0, .1);}
  a.sermontitle {display:inline-block; padding-right:.8em; margin-right:.8em; border-right:1px solid rgba(0, 0, 0, .1);}
  .series {float:left; width:32%; margin-right:2%;}
  .series:nth-of-type(3n+1) {clear:both;}
  .series:nth-of-type(3n) {float:right; margin-right:0;}
  .single-sermon .content p {margin-top:.8em;}
}



/* FOOTER
------------------------------*/
#fwrap {text-align:center; color:#fff; margin:0; padding:2em 0; font-size:13px;}
#fwrap img {max-width:160px; display:block; margin:1.5em auto;}
#fwrap span {display:inline-block; padding:0 1em; opacity:.2;}

@media (min-width:1024px){
  #fwrap footer {
    width:1024px; margin:0 auto;
    display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;
    -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center;
  }
  #fwrap footer p {flex-grow:1; font-size:16px;}
}



/* PAGE BUILDER
------------------------------*/
.fl-builder-bar-title img {display:none;}
.fl-builder #main {max-width:none; padding:0;}
.fl-col-small {max-width:none;}

.white blockquote, .white h1, .white h2, .white h3, .white h4 {color:#fff;}
.white h3 {border-bottom:1px solid rgba(255,255,255,.2);}
.white, .white p, .white ul, .white ol {color:rgba(255,255,255,.6);}
.white blockquote p {color:#fff;}
.white strong {color:#fff;}
.white .solidbtn, .white .outlinebtn, .white .gform_button {background-color:#fff; border-color:rgba(255,255,255,.2); color:rgba(0,0,0,.9);}
.white .outlinebtn {background:none; color:#fff;}
.whitearrow .fl-row-content {background:url(img/white-arrow.svg) no-repeat top -2px center; background-size:100px;}

/* editing */
.single-fl-builder-template #mwrap, .single-fl-builder-template #hwrap,
.single-fl-builder-template #fwrap, .single-fl-builder-template .pagetitle {display:none;}
.single-fl-builder-template #cwrap {padding-top:0;}
.single-fl-builder-template #main {max-width:none;}
.fl-builder-edit #hwrap {position:relative; z-index:0;}
.fl-builder-edit #cwrap {padding:0 !important; z-index:10;}

@media (min-width:768px){
  .whitearrow .fl-row-content {background-size:200px;}
  .valign .fl-col-content {-ms-justify-content:center; -webkit-justify-content:center; justify-content:center;}
}



/* CUSTOM FORMATS
------------------------------*/
.solidbtn, .outlinebtn, .gform_button {
  display:inline-block;
  border-radius:6px;
  padding:.9em 1.6em; margin-bottom:.5em;
  background:#00c4ac; color:#fff;
  text-decoration:none; font-size:13px; letter-spacing:1px; text-transform:uppercase;
  border:3px solid #00c4ac;
  transition:all 0.2s ease;
}
.outlinebtn {background:none; color:#00c4ac;}
.solidbtn:hover, .outlinebtn:hover, .gform_button:hover {border-color:#01ab96; background-color:#01ab96; color:#fff;}
.solidbtn i, .outlinebtn i, .gform_button i {opacity:0.5;}
.bluegreen {color:#06b59f !important;}
.notopmargin {margin-top:0 !important;}
.nobottommargin {margin-bottom:0 !important;}
.nomargin {margin:0 !important;}
.smallerfont {font-size:.95em !important;}
.lighttext {opacity:.6;}
.lineheight {line-height:1.9em !important;}
.smalllineheight {line-height:1.2em !important;}
img.imageborder, .imageborder img {border:5px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@media (min-width:768px){
  .solidbtn, .outlinebtn, .gform_button {font-size:16px;}
}






/* COMMON STYLES ------------------------------------------------------------------------------------------------------------------------*/

/* MEDIA
------------------------------*/
.alignleft, .alignright {display:inline; max-width:50%;}
.alignleft {float:left; margin:0 5% 1.5em 0;}
.alignright {float:right; margin:0 0 1.5em 5%;}
.aligncenter {display:block; margin:1.5em auto;}

.wp-caption {max-width:100%; font-size:0;}
.wp-caption img {display:block;}
.wp-caption-text {margin:0 0 1.34em; padding:2vmin 1em; text-align:center; font-size:.9rem; background:rgba(0,0,0,.1); box-sizing:border-box;}

.gallery br {display:none;}
.gallery-item {display:block; width:100%; position:relative; font-size:0;}
.gallery-item img {display:block;}
.gallery-item .wp-caption-text {margin:0;}
.gallery img {width:100%; transition:all 0.3s ease;}

@media (max-width:559px){
  .alignleft, .alignright {display:block; max-width:100%; width:100%;}
}

@media (min-width:560px){
  .gallery:before, .gallery:after {content:" "; display:table;}
  .gallery:after {clear:both;}
  .gallery {*zoom:1; position:relative; background:rgba(120,120,120,.1);}
  .gallery-item {float:left; position:relative; box-sizing:border-box;}
  .gallery-item dt {position:relative; overflow:hidden; z-index:1;}
  .gallery-item dd {position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.8); z-index:2;}
  .gallery-item img {-webkit-transform:translateZ(0) scale(1.0, 1.0);}
  .gallery-item img:hover {transform:scale(1.2);}
  .gallery-columns-2 dl {width:50%;}
  .gallery-columns-3 dl {width:33.33%;}
  .gallery-columns-4 dl {width:25%;}
  .gallery-columns-5 dl {width:20%;}
  .gallery-columns-6 dl {width:16.6%;}
  .gallery-columns-7 dl {width:14.2%;}
  .gallery-columns-8 dl {width:12.5%;}
  .gallery-columns-9 dl {width:11.1%;}
}



/* SIDEBAR
------------------------------*/
.sidebar {padding:2em 0; margin:3em 0 0;}
.blogfilters, .blogfilters li {margin:0; padding:0; list-style:none;}
.blogfilters h3 {margin:0;}
.blogfilters li.cat-item {border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
.blogfilters li.cat-item a {
  display:block; box-sizing:border-box;
  color:rgba(0,0,0,.7);
  text-decoration:none;
  padding:.5em 15px .5em 0;
  position:relative; z-index:1;
  transition:all 0.3s ease;
}
.blogfilters li.cat-item a:hover {padding-left:7px; color:#00c4ac;}
.blogfilters li.cat-item span {position:absolute; color:rgba(0,0,0,.5); top:.5em; right:0; z-index:2;}
.blogfilters ul {margin:0; padding:.5em 0 2.5em;}
.blogfilters ul ul {margin:0; padding:1em 0;}

#searchform {position:relative; margin:.8em 0 0;}
.search-no-results #searchform {margin:.8em auto 0; max-width:35em;}
#searchform label {display:none;}
#searchform input {width:100%; max-width:none; padding:.6em 2em .6em .6em; box-sizing:border-box; border:1px solid rgba(0,0,0,.2);}
#searchform button {position:absolute; top:.5em; right:.3em; border:0; background:none; font-size:1em; color:rgba(0,0,0,.4);}

@media (min-width:768px){
  .sidebar {
    margin:22px 0 0; padding:4em 3em;
    float:right;
    width:30%;
    color:rgba(255,255,255,.5);
    background:#373b44;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  }
  .sidebar .current_page_item a {color:#fff;}
  .sidebar h3 {color:#fff; border-color:rgba(255,255,255,.2);}
  .page-template-community .content {float:left; width:65%;}
}



/* BLOG
------------------------------*/
#cwrap h2.fl-post-grid-title {
  font-size:17px; font-weight:700;
  line-height:1.3em;
  margin:0 0 5px;
  padding:0;
}
#cwrap h2.fl-post-grid-title a {color:#000;}
#cwrap span.fl-post-feed-date {display:block; font-size:.9em; color:rgba(0,0,0,.7);}
.postresult .postinfo {padding:1.5em 0 4.5em;}

.fl-builder-pagination {clear:both; margin:3em 0; padding:0; position:relative; text-align:center;}
.fl-builder-pagination li {margin:0;}
.fl-builder-pagination span, .fl-builder-pagination a {
  display:inline-block;
  margin:2px 2px 2px 0;
  padding:6px 9px 5px 9px;
  color:#fff; background:rgba(0,0,0,.4);
  border:none; border-radius:3px;
  text-decoration:none;
}
.fl-builder-pagination a:hover {color:#fff; background:rgba(0, 0, 0, 0.7) !important;}
.fl-builder-pagination .current {background:#00c4ac !important;}

@media (min-width:768px){
  #cwrap .fl-post-grid-post {-webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
  #cwrap .fl-post-grid-post:hover {border:1px solid #999; -webkit-box-shadow:0 0 7px 1px rgba(0,0,0,0.3); box-shadow:0 0 7px 1px rgba(0,0,0,0.3);}
}



/* SINGLE & ARCHIVE
------------------------------*/
.single #main, .archive #main {max-width:768px;}
.single-fl-builder-template #main {max-width:none;}
.single .pagetitle h1 {margin-bottom:0;}
.single time {display:block; padding:.5em 0 .7em; color:rgba(0,0,0,.6);}
.single .social {margin-bottom:1.5em;}

@media (min-width:768px){
  .single time {padding:2em 0 .7em; text-align:center;}
}



/* SHARE BUTTONS
------------------------------*/
.social {white-space:nowrap; padding:0; text-align:left; height:38px;}
.social a {
  float:none !important; display:inline-block;
  color:#fff;
  width:38px !important;
  padding:8px 0 !important; margin:0;
  text-align:center; font-size:14px;
}
a.addthis_button_facebook {background:#305891;}
a.addthis_button_twitter {background:#2ca8d2;}
a.addthis_button_pinterest_share {background:#BD1E23;}
a.addthis_button_linkedin {background:#007BB6;}
a.addthis_button_email {background:#666;}
a.addthis_button_compact {background:#f8694d;}

@media (min-width:768px){
  .social {text-align:center;}
}



/* FORMS
------------------------------
#cwrap .gform_wrapper {clear:both; max-width:100%;}
.gform_wrapper ul, .gform_wrapper ul ul, .gform_wrapper ul li, .gform_wrapper ul ul li {margin:0; padding:0; list-style:none;}
#cwrap .gform_wrapper ul li.gfield {margin-bottom:.5em; padding:0;}

#cwrap .gform_wrapper .gfield_required {color:#f00;}
#cwrap .gform_wrapper div.validation_error {
  background:#ffc5c5; color:#6b0303;
  width:100%;
  padding:1.3em; margin:1.3em 0 1em;
  border:1px solid #ff3333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#cwrap .gform_wrapper .top_label .gfield_error {width:100%;}
#cwrap #gforms_confirmation_message, #cwrap .gform_confirmation_message {
  text-align:center;
  margin:1.5em 0;
  padding:2em 13%;
  color:#000;
  background:#efedeb;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

#cwrap .gform_wrapper .top_label .gfield_label {margin-bottom:0; font-weight:400; font-size:1em; color:#444;}
#cwrap .gform_wrapper .ginput_complex label, #cwrap .gform_wrapper .gfield_description {
  font-size:.9em; color:rgba(0,0,0,.6); font-style:normal; clear:both; padding-top:3px;
}
#cwrap .gform_wrapper ul li.gsection, #cwrap .gform_wrapper .gf_repeater_title {margin:0 0 .3em !important; clear:both; color:#00C4AC; padding:2.5em 0 0;}
#cwrap .gform_wrapper ul li.gsection .gsection_description {color:#666;}
#field_6_11 span.gf_repeater_add:after {content:"Add an additional student."; margin-left:5px; display:inline-block; vertical-align:top;}
#field_8_11 span.gf_repeater_add:after {content:"Add an additional child."; margin-left:5px; display:inline-block; vertical-align:top;}
#field_8_42 span.gf_repeater_add:after {content:"Add an additional parent / guardian."; margin-left:5px; display:inline-block; vertical-align:top;}
#field_9_57 span.gf_repeater_add:after {content:"Add an additional Employer."; margin-left:5px; display:inline-block; vertical-align:top;}
#field_9_62 span.gf_repeater_add:after {content:"Add an additional School."; margin-left:5px; display:inline-block; vertical-align:top;}
#field_9_26 span.gf_repeater_add:after {content:"Add an additional Reference."; margin-left:5px; display:inline-block; vertical-align:top;}

#cwrap .gform_wrapper textarea,
#cwrap .gform_wrapper input[type=email],
#cwrap .gform_wrapper input[type=text],
#cwrap .gform_wrapper input[type=tel],
#cwrap .gform_wrapper input[type=number],
#cwrap .gform_wrapper select {
  width:100%; max-width:none;
  padding:.6em; font-weight:700;
  border:1px solid rgba(0,0,0,.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
body .gpnf-dialog .ui-dialog-content {padding:5px 2em 2em;}
body .gpnf-dialog .gform_wrapper .gform_footer {padding:0;}
body .gpnf-dialog .gform_wrapper ul li.gfield:first-child {margin-top:16px !important;}
#cwrap .gform_wrapper .ginput_complex .ginput_full input[type=text] {width:100% !important;}
#cwrap .gform_wrapper .gfield_time_hour, #cwrap .gform_wrapper .gfield_time_minute {width:80px;}
#cwrap .gform_wrapper .gfield_time_hour, #cwrap .gform_wrapper .gfield_time_minute, #cwrap .gfield_time_ampm {margin-top:.375em;}
#cwrap .gform_wrapper .gfield_time_hour input, #cwrap .gform_wrapper .gfield_time_minute input {width:85% !important;}
#cwrap .gform_wrapper .datepicker {width:100% !important;}
#cwrap .ginput_container_date {position:relative;}
#cwrap .ginput_container_date img {
  position:absolute; top:50%; right:10px;
  cursor:pointer;
  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
#cwrap .gfield_checkbox li input[type=checkbox], #cwrap .gfield_radio li input[type=radio] {margin-top:0;}
#cwrap .top_label select {padding:.7em .6em .6em; margin:0;}
#cwrap .gfield_radio input {margin-left:1px;}
#cwrap .gform_wrapper .ginput_complex .ginput_right {margin-left:0;}
#cwrap .ginput_left {clear:both;}
#cwrap .gfield_time_ampm select {width:4.5rem !important;}

#cwrap .gform_wrapper .gform_footer {margin:0 0 2em;}

@media (max-width:767px){
  #cwrap .gf_left_half, #cwrap .ginput_left, #cwrap .gf_right_half, #cwrap .ginput_right,
  #cwrap .gf_left_third, #cwrap .gf_middle_third, #cwrap .gf_right_third {width:100%; margin-left:0 !important;}
  body .gform_wrapper.gf_browser_chrome select {width:100% !important;}
}
@media (min-width:768px){
  #cwrap .gform_wrapper form {margin-top:0;}
  #cwrap .gfield {clear:both; display:block;}
  #cwrap .gpnf-nested-entries-container table {margin:0;}
  #cwrap .gpnf-nested-entries {min-width:49%;}
  #cwrap .gf_left_half, #cwrap .ginput_left, #cwrap .gf_right_half, #cwrap .ginput_right {width:49%; float:left; clear:none;}
  #cwrap .gf_left_half, #cwrap .ginput_left {clear:both;}
  #cwrap .gf_left_third, #cwrap .gf_middle_third, #cwrap .gf_right_third,
  #cwrap div.ginput_complex.ginput_container.gf_name_has_3 span {width:32%; clear:none; float:left; margin-left:0 !important; padding-right:0;}
  #cwrap .gf_right_half, #cwrap .ginput_right, #cwrap .gf_right_third,
  #cwrap div.ginput_complex.ginput_container.gf_name_has_3 span:nth-of-type(3) {float:right; margin-right:0;}
  #cwrap .ginput_complex .ginput_left, #cwrap .ginput_complex .ginput_right {padding:0 !important; margin:0;}
  #cwrap .gf_left_third, #cwrap div.ginput_complex.ginput_container.gf_name_has_3 span:nth-of-type(1) {margin-right:2%;}
  #cwrap .ginput_complex:after {content:" "; clear:both; display:table;}
  #cwrap .gsection, #cwrap .gf_left_half, #cwrap .gf_left_third {clear:both !important;}
} */