/*
Theme Name: IslandFreePress-2018
Description: Child Theme written by Meg Phillips meg.phillips91@gmail.com for the Island Free Press
Author: Meg Phillips
Template: jumpstart
*/

body.login #login h1 a {
  background-color: red;
  background-image: url("http://islandfreepress.org/wp-content/themes/IslandFreePress-2018/images/IFP-square-logo.png");
      }
html, body, #wrapper, #container, #top, .site-header {background: #f9f9f9}
body{font-family: 'Open Sans', san-serif; font-style:normal; font-weight: normal; font-size: 14px; color: #333; letter-spacing:normal; }
/*.ifp-entry-title{color: #0A3B61}*/
.float-left {float: left}
 {margin-bottom: 0px;}
 .element-section {margin: 15px 0; padding-top: 0; padding-bottom: 0}
.element-section>.element {margin-bottom: 0px}
.element-columns .element {margin-bottom: 30px !important}
.tb-mini-post-list {background: #fff; box-shadow: 3px 3px 3px #ccc}
/*fonts and sizes*/
.ifp-meta h5 {font-family: 'Open Sans', monospace;  font-size:12px; }
.ifp-meta .ifp-sponsored-tag {color: #ffffff; background-color: #888; padding: 0 3px}
.entry-header .ifp-meta a, .entry-header .ifp-meta
 {color: #888 !important}
.entry-header a{color: #0E3C5F }
.entry-title {font-family: 'Playfair Display', serif; color: #0E3C5F}
.single .ifp-meta{font-size: 16px}
.cursor-arrow {cursor: pointer}
.single .ifp-meta .ifp-show-comments {font-size: 24px; }
#comments{display: none; padding: 0;}
#comments-title{font-size: 15px; text-transform:uppercase; font-weight:bold; margin: 10px 0; padding: 10px 10px; background: #ccc; color: #fff; }
#comments .comment-body .fn {color: #0D3456}
#comments .comment-body .reply{margin-bottom: 15px}
.comment-content p{margin-bottom: 0}
.ifp-profile-image {width: 100px; border: 1px solid #333; padding: 2px}
#comments .comment-body .comment-meta {margin: 0}
@media (min-width: 900px) {
.ifp-form-container {max-width: 30%}
}

.ifp-image-grid .ifp-hide-in-grid {display: none}

.comment-metadata .edit-link {display: none}

.post-type-archive-tribe_events .site-breadcrumbs, .single-tribe_events .site-breadcrumbs {display: none;}
.single-tribe_events .tribe-events-event-meta {background-color: #0E3C5F}

/*=============================
HOME PAGE
================================*/
 .tb-headline h2,   .tb-headline h1 {background-color: #11385a; color: #f8f8f8; font-family: 'Open Sans', monospace; text-transform: uppercase; border-top:  5px solid #6D6E70; border-bottom: 3px solid #ccc; margin-bottom: 20px}

.tb-headline a  {color: #f8f8f8;}
/*=============================
customs styles for theme elements
================================*/
.ifp-article .entry-header {padding-left: 8px}
/*.ifp-ad {box-shadow: 3px 3px 3px #ccc}*/

/* No Image Article Element */
/*.ifp-list {background-color: #ffffff; box-shadow: 3px 3px 3px #ccc}*/
.ifp-list .entry-header h2,  .list-wrap .entry-title {font-size: 24px; margin-bottom: 10px}
.ifp-list .entry-content {padding-right: 10px; padding-left: 17px;  }
.col-sm-4 .ifp-list .entry-header h2,  .col-sm-4 .list-wrap .entry-title {font-size: 18px; margin-bottom: 10px}
.col-sm-4 .ifp-list {margin-bottom: 10px}

/*IFP Post Grid*/
.ifp-postgrid .entry-header h2 {
    font-size: 20px;
    margin: 0;
}
.ifp-postgrid .entry-header h5{font-size: 12px; margin: 0}
.ifp-postgrid .entry-header {
    padding-left: 8px;
}
.ifp-postgrid .entry-content {
    padding-right: 10px;
    padding-left: 17px;
}

@media (min-width: 900px) {
	.ifp-postgrids {column-count: 3; column-gap: 0}
	.ifp-postgrid {break-inside: avoid; padding: 15px; min-width: 300px !important}
}

@media (min-width: 767px) and (max-width: 899px) {
	.ifp-postgrids {column-count: 2; column-gap: 0}
	.ifp-postgrid {break-inside: avoid; padding: 15px; min-width: 300px !important}
}
@media (max-width: 766px) {
	.ifp-postgrid{margin-top: 15px}
}

/*test ocean sports page*/
.page-id-17491 .ifp-list{box-shadow: none; background-color: #f9f9f9}
.page-id-17491 .ifp-article {margin-top: 30px}
.page-id-17491 .ifp-ad {box-shadow: none}
/* image grid */

.ifp-image-grid {background-color:#ffffff; box-shadow: 3px 3px 3px #ccc;}
.ifp-image-grid .entry-header h2 {font-size: 16px; margin-bottom: 7px}
.ifp-image-grid .ifp-grid-image {max-height: 175px; overflow:hidden}
.ifp-image-grid .ifp-meta {font-size: 10px}

@media (min-width: 768px) {
	.ifp-image-grids {display: flex; flex-wrap:wrap; max-width:1920px; align-items:center; justify-content:space-around}
	.ifp-image-grid { margin: 15px; width: 300px; height: 250px;}
}
@media (max-width: 767px) {
	.ifp-image-grids {display: block; margin: 0; padding: 0; min-width: 350px; }
	.ifp-image-grid {margin: 15px 0; width: 300px !important; height: 250px !important}
	.list-wrap .thumb-wrapper {display: block;}
	.list-wrap article {margin-right: 30px; margin-left: 15px}
	}

/* ORIGINAL post slider on desktop and tablet*/
@media (min-width: 768px) {
	.ifp-ps {display: block; max-width: 1366px; margin-bottom: 30px}
	.ifp-ps .ifp-slider{list-style-type: none; margin: 0; position: relative; min-height: 340px}
	.ifp-ps .ifp-slide {display: block; position: absolute; top: 0; left: 0; width: 100%; height:auto; min-height: 350px}
	.ifp-ps-flexcontain {display: flex; flex-wrap:wrap; box-shadow: 3px 3px 3px #ccc; min-height: 350px}
	.ifp-ps-image{ flex: 3; min-width: 400px; background-repeat: no-repeat; background-size:cover; background-position:center top}
	.ifp-ps-articles{ flex: 1;  min-width: 600px; display: flex; flex-direction:column; justify-content: space-between; background-color: #fff}
	.ifp-ps-article{flex: 1;  margin-bottom: 15px; padding-left:8px; border: none;}
	.ifp-ps-image img {display: none; }
}
/* NEW - v2 - post slider on desktop and tablet*/
@media (min-width: 900px) {

	.ifp-ps2-image img {display: none; }
	.ifp-ps2 {display: block; max-width: 1366px; height: 350px; overflow: hidden}
	.ifp-ps2-flexcontain {display: flex; }
	.ifp-ps2-image{flex: 1; height: 350px; background-repeat: no-repeat; background-size:cover; background-position:center top}
	.ifp-ps2-articles{flex: 1; display: flex; flex-direction:column; justify-content:space-between; max-height: 350px; overflow:hidden }
	/*--- now I am going to do the initial css styling which should stack the li elements*/
	.ifp-ps2 {height: 350px; margin-bottom: 30px; box-shadow: 3px 3px 3px #ccc; margin-top: 30px}
	.ifp-ps2 ul {position: relative}
	/*.ifp-ps2 li {position: absolute; top: 0}*/
}
/* NEW - v2 - on phones*/
@media (max-width: 767px) {
	.ifp-ps2 .ifp-slide {margin-bottom: 30px}
	.ifp-ps2 ul {margin: 0}
	.ifp-ps2-article {display: none; }
	.ifp-ps-active > .ifp-ps2-article {display: block;}
	.ifp-ps2-image{  width: 100%; background-repeat: no-repeat; background-size:cover; background-position:center top; }
	}

@media (min-width: 768px) and (max-width: 899px) {
	.ifp-ps2-article {display: none; }
	.ifp-ps-active > .ifp-ps2-article {display: block;}
}
	/*
	.ifp-ps2 {display: block; width: 100%; height: 350px;  overflow: hidden; position: relative; margin-bottom: 30px}
	.ifp-ps2-image img {display: none; }
	.ifp-ps2-image{display: block; height: 350px; background-repeat: no-repeat; background-size:cover; background-position:center top}
	.ifp-ps2-article {display: none; padding-left: 0}
	.ifp-ps-active > .ifp-ps2-article {display: block; position: absolute; bottom:0; left: 0;margin: 0; width: 100%; background-color: #eee; padding-left: 20px; padding-right: 20px; }
	.ifp-slide-0 {z-index: 10000}
}
*/

/* post slider general styles - not flex; not-sliding */
.ifp-ps2 ul {list-style: none; padding-inline-start: 0 !important; margin: 0; margin-left: 0}
.ifp-ps-article h2, .ifp-ps2-article h2 {font-size: 20px; margin-bottom: 0px; margin-top: 10px; padding-right: 15px}
.ifp-ps-article h5, .ifp-ps2-article h5 {margin: 0; margin-bottom: 5px}
.ifp-ps .ifp-meta, .ifp-ps2 .ifp-meta {font-size: 12px}
.ifp-ps .entry-content, .ifp-ps2 .entry-content {padding-left: 17px; padding-right:10px}
.ifp-ps-active, .ifp-ps2-active {background-color: #eee;}
.ifp-ps2-article {margin-bottom: 15px; padding-left:8px;}
.carousel-thumb-nav {display: none}

/* featured story */
.ifp-fs-container {margin-bottom: 30px; margin-top: 30px}
.ifp-fs-article {background: #fff; box-shadow: 3px 3px 3px #ccc;   }
.ifp-fs {flex: 1; overflow:hidden; }
.ifp-fs-meta {padding-bottom: 15px}
.ifp-fs-image {background-size: cover; background-position: center; }

.ifp-fs .entry-header, .ifp-fs .entry-content {padding-left: 8px}

/* Tb-mini post list */
.tb-mini-post-list {padding: 8px;}
.text-center {text-align: center}

/* IFP Post List*/
.ifp-pl .entry-header h2{font-size: 16px; margin: 0}
.ifp-pl .entry-header h5{font-size: 10px; margin: 0; margin-bottom:7px}
.ifp-pl-row {
    flex-wrap: wrap;
    max-width: 1920px;
	margin: 0px auto 0 auto;
    align-items: center;
	}
.ifp-pl-col {flex: 1; padding: 0; box-sizing:border-box; margin-bottom:10px; flex-basis: 30%}
@media (min-width: 900px) {
	.ifp-ps2-article h2 {font-size: 16px;}
	.ifp-pl-row {display: flex; justify-content: space-between;}
	.ifp-fs-article {display: flex; height: 530px;}
	.ifp-fs-image img{display: none;}
	.list-wrap article.has-thumbnail {padding-left: 0}
	.list-wrap .thumb-wrapper { position: relative; float: left; margin-right: 15px; }
}


@media (max-width: 767px) {
	.ifp-ps .ifp-slider {min-height: 350px}
	.ifp-ps-image{ min-width: 100%; min-height: 300px;}
	.ifp-ps-articles {min-width: 100%; max-width:100%}
	.ifp-ps-article {display: none}
	.ifp-ps-active > .ifp-ps-article {display: block}
	.ifp-ps .entry-content {display: none}
	}

/* themeblvd search results */
.tb-search-results .search-result {padding-left: 0; border: none}
.tb-search-results .search-result .entry-title {font-size: 24px}
/*category color labels*/
.watersports {border-left: 5px solid #00D2FF }
.hatteras-island-features {border-left: 5px solid #BD2029 }
.ocracoke-island-features {border-left: 5px solid #F6C500 }
.outer-banks-news {border-left: 5px solid #F26E55 }
.fishing-report  {border-left: 5px solid #073B5D }
.outer-banks-driving-on-the-beach {border-left: 5px solid #F4C327 }
.hatteras-community-news {border-left: 5px solid #1C9092}
.real-estate {border-left: 5px solid #A2B764}
.blog {border-left: 5px solid #A2B764}
.obituaries {border-left: 5px solid #073B5D}


/*=============================
custom element styles - buttons, etc
================================*/
a.ifp-cta-green {color: #F4C327; background-color: #1D9E9B; font-family: 'Anton', sans-serif;  font-weight:400; font-size: 20px;box-shadow: none; border-color: #ccc; min-width: 180px}
.ifp-footer-branding {text-align: center}
.ifp-footer-branding p{padding: 10px 10px 0px 10px; margin: 0}
.ifp-footer-branding h2 {margin: 0; color: #ffffff; font-size: 20px}
.ifp-footer-below {color: #bbb}
.ifp-footer .fixed-sidebar .widget {background: none !important}
.ifp-mobile-footer .fixed-sidebar .widget {text-align: center}
#custom-bottom{margin-top: 30px}
#custom-bottom .ifp-footer .widget-title {border-bottom: 1px solid #eee; color: #F4C327; font-family: 'Anton', sans-serif;  font-weight:400; font-size: 20px; letter-spacing: 2px}
#custom-bottom .ifp-footer .widget a{color: #ccc; }
#custom-bottom .ifp-footer .widget a:hover{color: #F4C327}
#custom-bottom .element-section {margin: 0}
/*=============================
custom header styles
================================*/

/*===== blackout login======*/
.ifp-blackout-login {position: fixed; width: 100%; height: 100%; opacity: .9; background: #333333; z-index:998; }
/*.ifp-contain-login form {margin: 30px; }*/
.ifp-contain-login {
		color: #888;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  /* bring your own prefixes */
	  transform: translate(-50%, -50%);
	  z-index: 999;
	  background: #efefef;
	  padding: 30px;
	  text-align:center}
.ifp-contain-login h3 {font-family: 'Playfair Display', serif; color: #0E3C5F; font-size:20px}
.ifp-register-form {border: 3px solid #ccc; padding: 20px; text-align:left}
.ifp-contain-login p {margin-bottom: 10px}

.ifp-contain-login form {text-align: left}
 .ifp-contain-login img{width: 100px; margin-bottom: 30px}

.ifp-launch-login, .ifp-logout {cursor: pointer}
/*.site-header {background-color: #ffffff}*/
nav {font-family: 'Playfair Display', serif; font-weight:bold}
.tb-sticky-header>.wrap {max-width: none !important; padding-left: 15px; padding-right: 0px}
/* ifp Header Top - Green Stripe */
.ifp-float-right {float: right}
.ifp-float-left {float: left}
.ifp-header li{list-style: none; float: left}
.ifp-header-top {background-color: rgba(35,156,153, 1.0); color: #CCCDCD; font-family: 'Anton', sans-serif;  font-weight:400; font-size: 20px; }
.ifp-sticky-right a {color: #CCCDCD; font-family: 'Anton', sans-serif;  font-weight:400; font-size: 20px; }
.ifp-header-top .sticky-support-ifp, .ifp-sticky-right .sticky-support-ifp{background-color: #BD2029}
.ifp-sticky-right a {padding: 4px 10px}
.ifp-header-top a, .ifp-sticky-right a{padding: 2px 15px; color: #CCCDCD;}
.ifp-sticky-right .sticky-support-ifp {padding: 9px 0}
.ifp-header-top a:hover, .ifp-sticky-right a:hover {color: #ffffff}
/* white section of header with menu */
.contain-ifp-header-nav {border-bottom: 2px solid #CCCDCD;
  background-image: url('http://vps15608.inmotionhosting.com/~islandfreepress/wp-content/themes/IslandFreePress-2018/images/ifp-linen.png');}
.ifp-header-nav ul{ margin: 0 auto}
.ifp-header-nav .tb-primary-menu>li>.menu-btn  {font-family: 'Playfair Display', serif;  padding: 8px 20px}
.ifp-header-buy-sell a {font-family: 'Anton', sans-serif;  font-weight:400; font-size: 26px; padding: 10px 28px}
.ifp-header-buy-sell a:hover {color: #BD2029}
.ifp-header-nav a:hover {
  /*background-color: #ffffff; */
  color: rgba(35,156,153, 1.0)
}
.ifp-header-nav .tb-primary-menu>li>a, .ifp-header-buy-sell a {text-transform: uppercase; color: #808284;}
.ifp-header-nav .tb-primary-menu>li>a:hover {background-color: #ffffff; color: #0E3C5F}
.ifp-header-buy-sell {background-color: #F4C327}
.ifp-site-logo {margin-left: 20px; max-height: 100px; position:absolute; top: 0}
.ifp-header-bottom a{font-family: 'Playfair Display', serif;  font-weight:400; font-size: 26px;margin-left: 53px; color: #808284;}
.ifp-header-bottom .fa-bars { transform: scale(4,1); margin-right: 35px; }
/*sticky top header*/
.tb-sticky-header {background: rgba(35,156,153,0.9);}
.tb-mobile-header {background: #1d9a99}
/* ===== full desktops ====== */
@media (min-width: 991px){
	.ifp-header-nav .tb-primary-menu>li>.menu-btn {font-size: 20px;}
	.ifp-header-nav ul{width: 600px}
	.ifp-contain-login {width: 400px}
}

/* ====== tablets and ipad in portrait =======*/
@media (min-width: 481px) and (max-width: 991px)  {

	.ifp-header-nav .tb-primary-menu>li>.menu-btn {font-size: 10px; line-height:40px; padding-top: 0; padding-bottom: 0}
	.ifp-header-nav ul{width: 400px; padding-left: 25px; }
}



/*mobile header breakpoint */
#top,
.tb-mobile-header {
    display: none;
}
@media (min-width: 500px) {
    #top {
        display: block;
    }
}
@media (max-width: 499px) {
    .tb-mobile-header {
        display: block;
    }
}


/*=============================
Ad Inventory Styling
================================*/
.ifp-leaderboard { width: 728px; height: 90px; margin: 10px auto}
@media (min-width: 1028px) {
	/*.ifp-leaderboard {margin: -30px auto 45px auto;}*/
}
.ifp-center-block-728 {width: 728px; margin: 0 auto 20px auto}
.ifp-showcase iframe{margin-top: -25px}
/*=============================
custom layout elements
================================*/






.widgets-above-header>.wrap, .widgets-below-footer>.wrap, .header-top>.wrap, .header-content>.wrap, .header-nav>.wrap, .tb-mobile-header>.wrap, .tb-sticky-header>.wrap, .site-breadcrumbs>.wrap, .site-inner>.wrap, .element-section>.element, .element.popout .jumbotron-wrap, .footer-content>.wrap, .site-copyright>.wrap, .tb-fw-narrow .element-section>.element-blog, .tb-fw-narrow .element-section>.element-post_list, .tb-fw-narrow .element-section>.element-current {max-width: 1200px}


/* ======= side panel menu ======== */

.tb-side-panel {
	display: none;
	background:#0E3C5F;
	margin-top: 120px
}
.tb-side-panel .menu>li {line-height: normal !important}
.tb-side-panel li {font-size: 20px; border-bottom: 1px solid #ccc}
.has-side-panel.mobile-header-off .tb-side-panel {
	left: -280px;
}
.has-side-panel.mobile-header-off.side-panel-on .tb-side-panel {-webkit-transform: translate3d(280px, 0, 0);
	transform: translate3d(280px, 0, 0);}
.has-side-panel.mobile-header-off.side-panel-on #wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
@media (min-width: 991px){
.widgets-above-header>.wrap, .widgets-below-footer>.wrap, .header-top>.wrap, .header-content>.wrap, .header-nav>.wrap, .tb-mobile-header>.wrap, .tb-sticky-header>.wrap, .site-breadcrumbs>.wrap, .site-inner>.wrap, .element-section>.element, .element.popout .jumbotron-wrap, .footer-content>.wrap, .site-copyright>.wrap, .tb-fw-narrow .element-section>.element-blog, .tb-fw-narrow .element-section>.element-post_list, .tb-fw-narrow .element-section>.element-current {
max-width: 1366px !important;
}
}
.tb-mobile-panel {background: #11385A}

 @media (max-width: 767px) {

	 .tb-floating-search .tb-search .search-wrap:before {background: none; background-size: 0px;}
	 .tb-floating-search .tb-search .search-input {padding: 5px}
	 .tb-floating-search .tb-search .search-input {font-size: 18px}
	 .ifp-list, .ifp-pl-row, .ifp-ps, .ifp-fs-container  {margin-left: auto; margin-right: auto; max-width: 300px}
.element-section {
    padding: 15px 10px 15px 10px;
}
.blog-wrap>article, article.single {padding: 10px 5px}

.element-section>.element {padding-left: 5px;padding-right: 5px;}
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0; padding-right: 0}
 }

.ifp-poll-wrapper label{font-weight: bold; font-size: 16px; text-transform:capitalize; margin: 10px 0 5px 0}
.bridge-poll-results{cursor: pointer}

/*========================================================//
//========== Top Menu Changes July2019 Meg Phillips =====//*/
.menu-top-menu-container {
  border-bottom: 2px solid #CCCDCD;
  background: url(https://islandfreepress.org/wp-content/themes/IslandFreePress-2018/images/ifp-linen.png);
}

.menu-top-menu-container .sub-menu {
  display: none;
}

  #menu-top-menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #menu-top-menu .menu-item {
    text-align: left;
    padding: 0;
  }



  #menu-top-menu .menu-item a {
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    color: #808284;
  }

  @media (min-width: 991px) {
    #menu-top-menu .menu-item a {
      font-size: 16px;
    }
    #menu-top-menu .menu-item {
      padding: 6px 0
    }
    #menu-item-26136 {
      margin-left: 200px
    }

  }





  #menu-top-menu .sub-menu {
    list-style: none;
    padding-left: 10px;
  }
  #menu-top-menu .sub-menu .menu-item {
    text-align: left;
    float: none;
  }

  #menu-top-menu .sub-menu .menu-item a{
    font-size: 10px;
    font-family: 'Open Sans', monospace;
    color: #11385A;

  }


@media (min-width: 767px) {
  #menu-top-menu {
      max-width: 600px;
      margin: 0 auto;
      display: flex;
      justify-content: space-around;
  }
  #menu-top-menu .menu-item {
    flex: 0 0 25%;
    min-width: 25%;
    float: none;
  }

}

@media (max-width: 991px) and (min-width: 481px) {
    #menu-top-menu {
      margin-left: 230px
    }
    #menu-top-menu .menu-item {
      flex: 0 0 20%;
      min-width: 20%;
    }
    #menu-top-menu .menu-item:first-of-type {
      flex: 0 0 8%;
      min-width: 8%;
    }
    #menu-top-menu .menu-item a {
    font-size: 10px;
    line-height: 1;
    }
  }