/*
Theme Name:         Brooklyn Eagle
Theme URI:          https://brooklyneagle.com
Description:        Custom Theme for Brooklyn Eagle based on Foundationpress
Version:            2.0
Author:             Bloc & Tackle, LLC
Author URI:         https://blocandtackle.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

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

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

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

.signup-form h2 {
max-width: 359px !important;
text-align: center !important;
}

.main-content #mc_embed_signup {
display: none;
}

.single-post .main-container .main-content .subheading {
    font-size: 1.5rem !important;
    color: #777;
	margin-bottom: 10px !important;
}

.single-post .main-container .main-content .meta {
	padding-bottom: 10px !important;
}

.comment-link:hover h1 {
	color: #6cc4e8;
}

.main-grid, .main-container {
padding-top: 10px;
}

.mc4wp-notice p {
color: red !important;
}


.alm-reveal {
display: flex;
flex-flow: row wrap;
}

.load-more-eagle {
	background-color: #6cc4e8 !important;
}

.more-news-link-space {
width: 100%;
text-align: center;
padding-bottom: 25px;
}

.more-news-btn-wrap {
  font-size: 15px;
  font-weight: 600;
  width: auto;
  height: 42px;
  line-height: 42px;
  background: #6cc4e8;
  color: #fff;
  border: none;
  margin: 0 0 4px;
  padding: 0 20px;
  display: inline-block;
}

.more-news-btn-wrap a {
	color: #fff;
}

.more-news-btn-wrap a:hover {
	color: #000;

}

.more-news-repeater-cat a {
	color: #fff !important;
}

.more-news-repeater-cat a:hover {
	color: #000 !important;
}


off-canvas-extra-menu {
	width: 100%;
	padding: 1.25rem 0 .5rem;
	border-bottom: 1px solid rgba(248,248,248,.08);
	position: relative;
	display: block;
	line-height: 1;
	font-weight: 700;
	font-size: 1.125rem;
	font-family: "Roboto Condensed",sans-serif;
}
		
.off-canvas-extra-menu a {
	color: #fefefe;
}
		
.off-canvas-extra-menu a:hover {
	color: #6cc4e8;
}

.print-footer {
	display: none;
}

.pelcro-root .pelcro-select-product-cost {
    display: none;
}

@media print, screen and (min-width: 40em){
	.category .featured-articles article:nth-child(1) .content, 
	.tag .featured-articles article:nth-child(1) .content {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		padding-top: 30px !important;
		padding-bottom: 0 !important;
		background: none !important; 
	}	
	
	.category .featured-articles article:nth-child(1) .content a, 
	.tag .featured-articles article:nth-child(1) .content a {
		text-shadow: none !important;
	}
	
	.category .featured-articles article:nth-child(1) .content p, 
	.tag .featured-articles article:nth-child(1) .content p {
		display: block !important;
	}
}



/* LANDING PAGE STYLES */

body.page-template {
    
    .elementor-posts-container img:hover {
        filter: brightness(80%);
    }
    
    /*TEXT STYLES*/

    .section-lede h3 a:hover, .top-six h3 a:hover, .post-list h3 a:hover, .post-list a.elementor-post__read-more:hover, .section-lede a.elementor-post__read-more:hover, .latest a.elementor-post__read-more:hover {
        color: #87d7fa !important;
    }
    .prem-lede p, .section-lede p {
        font-family: Georgia !important;
        color: black !important;
        font-size: 1.125rem !important;
    }
    .prem-lede a.elementor-post__read-more, .section-lede a.elementor-post__read-more, .top-six a.elementor-post__read-more {
        font-family: Georgia !important;
        font-size: 1.125rem !important;
        font-style: italic;
        font-weight: bold !important;
        color: #202944 !important;
    }


    /*IMAGE ON TOP IN MOBILE*/

    @media (max-width: 1024px) {
        .prem-lede.left .elementor-post, .section-lede.left .elementor-post {
            flex-direction: column;
        }
        .prem-lede.right .elementor-post, .section-lede.right .elementor-post {
            flex-direction: column-reverse;
        }
        .prem-lede .elementor-post__thumbnail, .section-lede .elementor-post__thumbnail {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 0 15px 0;
        }
        .prem-lede .elementor-post__thumbnail__link, .section-lede .elementor-post__thumbnail__link {
            margin-left: 0 !important;
        }
    }

    /*CENTER CONTENT VERTICALLY*/

    .section-lede .elementor-posts .elementor-post__text, .prem-lede .elementor-posts .elementor-post__text, .post-list .elementor-posts .elementor-post__text {
        display: flex !important;
        justify-content: center !important;
    }

    /*PREMIUM POST STYLES*/

    .prem-lede .elementor-post__text h3 {
        font-size: 1.3rem;
        z-index: 4;
        margin-bottom: 15px !important;
        margin-right: 5px;
        padding: 15px 15px 15px 15px;
    }
    .prem-lede h3 a {
        color: #FCFCFA !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

    .elementor-posts .elementor-post__read-more {
        font-size: 1.125rem !important;
        font-weight: bold !important;
    }
    @media (max-width: 1024px) {
        .prem-lede .elementor-post__title {
            box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7), 15px 10px 1px 1px #202944, 17px 13px 7px rgba(0, 0, 0, 0.7);
            background: linear-gradient(145deg, #202944, #828b91, #6cc5e8);
            margin-right: 20px !important;
            transition: box-shadow 0.5s ease, margin 0.5s ease, filter 0.5s ease;
        }    
        .prem-lede .elementor-post__title:hover {
            box-shadow: none !important;
            margin: 0 !important;
            filter: brightness(50%);
        }
        .elementor-widget {
            overflow: visible !important;
        }
    }
    @media (min-width: 1024px) {
        .prem-lede .elementor-post__text {
            z-index: 1;
        }
        .prem-lede.right .elementor-post__title {
            box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7), 15px 10px 1px 1px #202944, 17px 13px 7px rgba(0, 0, 0, 0.7);
            background: linear-gradient(145deg, #202944, #828b91, #6cc5e8);
            transition: box-shadow 0.5s ease, margin 0.5s ease, filter 0.5s ease;
        }
        .prem-lede.left .elementor-post__title {
        box-shadow: -2px -2px 7px rgba(0, 0, 0, 0.7), -15px 10px 1px 1px #202944, -17px 13px 7px rgba(0, 0, 0, 0.7);
        background: linear-gradient(-145deg, #202944, #828b91, #6cc5e8);
        transition: box-shadow 0.5s ease, margin 0.5s ease, filter 0.5s ease;
        }
        .prem-lede .elementor-post__title:hover {
            box-shadow: none !important;
            margin: 0;
            filter: brightness(50%);
        }
        .prem-lede.left .elementor-post__text h3 {
            margin-left: -100px !important;
            margin-right: 15px;
        }
        .prem-lede.right .elementor-post__text h3 {
            margin-right: -100px !important;
            margin-left: 15px;
        }
        .prem-lede .elementor-post__text h3 {
            width: fit-content !important;
        }
    }

    /*NON-PREMIUM POST STYLES*/

    .section-lede h3 {
        font-size: 1.3rem !important;
        color: #202944 !important;
    }
    @media (max-width: 1024px) {
        .section-lede h3, .section-lede p {
            padding-left: 0;
        }
        .section-lede .elementor-post__meta-data {
        margin-top: 10px !important;
        margin-bottom: 10px;        
        }
    }
    @media (min-width: 1024px) {
        .section-lede h3, .section-lede p {
            position: relative;
            z-index: 4;
            background: white;
            box-shadow: 5px 5px 5px 0 rgba(1, 1, 1, 0.3) !important;
            padding: 0px 30px 0px 30px;
        }
        .section-lede h3 {
            padding-bottom: 40px;
            padding-top: 20px;
            margin-bottom: 10px !important;
        }
        .section-lede p {
            padding-bottom: 50px;
            margin-top: -17px !important;
        }
        .section-lede .elementor-post__meta-data {
            display: block;
            position: relative;
            z-index: 5 !important;
            margin-top: -50px;
            margin-bottom: 30px !important;
        }
         .section-lede .elementor-post__read-more {
            margin-top: -50px;
            z-index: 4;
        }

        /*LEFT AND RIGHT STYLES*/

        .section-lede.right h3, .section-lede.right p {
            margin-right: -120px !important;
            margin-left: 15px !important;
        }
        .section-lede.left h3, .section-lede.left p {
            margin-left: -120px !important;
            margin-right: 15px !important;
        }
        .section-lede.right .elementor-post__meta-data {
        margin-left: 35px;
        padding: 10px 10px 1px 10px;
        }
        .section-lede.left .elementor-post__meta-data {
        margin-left: -90px !important;
        padding: 10px 0px 1px 0;
        }
        .section-lede.right .elementor-post__read-more {
        padding-left: 45px;
        }
        .section-lede.left .elementor-post__read-more {
        margin-left: -90px !important;
        }
    }

    /*POST-LIST STYLES*/

    .latest h2 {
        color: #202944 !important;
        margin-bottom: 25px;
    }
    .top-six  h3 a, .post-list h3 a {
        color: #202944 !important;
        font-size: 18px !important;
    }
    .post-list a.elementor-post__read-more {
        font-family: Georgia !important;
        font-size: 1rem !important;
        font-style: italic;
        font-weight: bold !important;
        color: #202944 !important;
    }
    .post-list .elementor-post__meta-data, .top-six .elementor-post__meta-data {
        margin-top: 10px;
    }
    .post-list .elementor-post__excerpt p {
        font-size: .85rem !important;
    }
    @media (max-width: 880px) {
        .post-list .elementor-post__thumbnail__link {
            display: none !important;
        }
        .post-list article {
            border-bottom: 1px solid #d0d0d0 !important;
            padding-bottom: 15px !important;
            margin-bottom: -15px !important;
        }
    }
}