/*
Theme Name: LuckyFinProject
Theme URI: http://dylanpolniak.com/design
Author: Dylan Polniak
Author URI: http://dylanpolniak.com/design
*/

html, body { border: 0; padding: 0; margin: 0; background-color: #ff7c1c; font-family: 'Roboto Slab', serif; }
a { color: #fff; text-decoration: none; overflow-wrap: break-word; outline: none; }
header { background-image: url(http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/01/background.jpg); }
p { overflow-wrap: break-word; }

#main_nav { padding: 26px 46px 0 0; position: relative; }
.menu { margin: 0; position: relative; float: right; display: block; }
.menu ul { margin: 0; padding: 0px; }
.menu li { list-style: none; padding: 0; margin: 0px; display: inline; }

footer { background-color: #000; width: 100%; color: #fff; height: 60px; position: fixed; bottom: 0; left: 0; }

.post-meta {
    display: block;
    margin: 0;
    padding: 40px 0;
    position: relative;
}
.post-meta ul { margin: 0px; padding: 0; }
.post-meta li { list-style: none; padding: 0px; margin: 0px; width: 100%; }

#main_nav li a {
    border-bottom: 4px solid #000;
    color: #ff7c1c;
    font-family: "Roboto Slab",serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 20px 0 20px 20px;
    padding: 0 0 10px;
    text-transform: uppercase;
}
#main_nav li a:hover { color: #fff; border-bottom: 4px solid #ff7c1c; }

#home_css .post-meta li {  }

.entry_container { padding: 64px;}
hr { height: 1px; background-color: #000; border: 0px; width: 100%; padding: 0px; margin: 20px 0; }
.clear { clear: both; }
.entry_container h1 { color: #ff7c1c; font-size: 35px; margin: 0; padding: 0; text-transform: uppercase; }
.entry_container h2 { font-family: 'Roboto Slab', serif; font-size: 20px; width: 200px; text-align: center; margin: -32px auto 0; padding: 0px; text-transform: uppercase; background-color: #fff; font-weight: 300; }
.attachment-post-thumbnail { margin: 8px 0 0; }
#logo { background-image: url(http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/01/logo.png); background-size: 100% auto; height: 88px; left: 46px; position: absolute; top: 13px; width: 118px; }


/* HOME CSS */
/* Slideshow */

/* What We Do */

/* Video */

/* Video Text */

/* Donate Text */


/* ABOUT */
#about_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0px; width: 100%; }


/* CONTACT */
#contact_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0px; width: 100%; }

/* FORM */
.contact_text { font-size: 14px; color: #000; font-family: 'Roboto Slab', serif; width: 30%; margin: 20px 0; height: 36px; padding: 6px; display: inline; border: 2px solid #ff7c1c; }
	.contact_text:nth-of-type(2) { margin: 20px 4.5%; }
.contact_hear { font-size: 14px; color: #000; font-family: 'Roboto Slab', serif; width: 100%; margin: 0; height: 36px; padding: 6px; display: inline; border: 2px solid #ff7c1c; resize: none; }
.contact_message { font-size: 14px; color: #000; font-family: 'Roboto Slab', serif; width: 100%; margin: 20px 0; height: 230px; padding: 6px; display: inline; border: 2px solid #ff7c1c;  resize: none; }
.contact_submit { font-size: 14px; color: #fff; font-family: 'Roboto Slab', serif; width: 100%; max-width: 280px; margin: 0 auto 20px; height: 36px; padding: 2px 6px; display: inline; border: 2px solid #ff7c1c; background-color: #ff7c1c; border-radius: 10px; color: #fff; text-transform: uppercase; display: block; cursor: pointer; }
	.contact_submit:hover { color: #ff7c1c; background-color: #fff; }


/* GALLERY */
#gallery_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0px; width: 100%; }
#gallery_css .entry_container img {
    border: 0 none;
    display: inline-block;
    float: none;
    height: 100%;
    margin: 0;
    opacity: 0.3;
    position: relative;
    width: auto;
}
#gallery-1 .gallery-item { display: inline-block; float: none; margin: 0!important; padding: 0; text-align: center; width: 320px!important; height: 227px; }
.wp-caption.alignnone { display: inline-block; float: none; margin: 0; padding: 0; width: 317px !important; }
#gallery_css .entry_container > a { background-color: #000; }
.wp-caption-text { display: none; }
	#gallery_css .entry_container img:hover { opacity: 1; cursor: pointer; }
#gallery_css .entry_container p { background-color: #000; height: auto; margin: 32px auto; max-width: 960px; padding: 0; width: 100%; }
.gallery { background-color: #000; height: auto; margin: 0; padding: 0; }

/* ATTACHMENT */
#attachment_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0px; width: 100%; }
#attachment_css #comments { display: none; }
#attachment_css .attachment img { height: auto; margin: 0 auto; padding: 0; width: auto; max-width: 100%; }
#attachment_css .entry-content { padding: 0; }
#attachment_css .entry_container a { color: #000; }

/* STORE */
html#ecwid_html body#ecwid_body div.ecwid-productBrowser-categoryPath, html#ecwid_html body#ecwid_body table.ecwid-productBrowser-productsTable-v2 div.ecwid-productBrowser-productNameLink:hover a, html#ecwid_html body#ecwid_body table.ecwid-productBrowser-productsList-v2 div.ecwid-productBrowser-productNameLink:hover a, html#ecwid_html body#ecwid_body table.ecwid-productBrowser-productsGrid-v2 div.ecwid-productBrowser-productNameLink:hover a, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productNameLink a, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productNameLink a:active, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productNameLink a:visited, html#ecwid_html body#ecwid_body div.ecwid-results-topPanel div, .gwt-HTML a { color: #ff7c1c!important; } 
html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-head, html#ecwid_html body#ecwid_body .ecwid a, html#ecwid_html body#ecwid_body .ecwid a:active, html#ecwid_html body#ecwid_body .ecwid a:visited, .gwt-HTML > p, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-sku, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-qtyLabel, .ecwid-productBrowser-details-optionRadioButton-name, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-optionPanel label.ecwid-fieldLabel, .ecwid-productBrowser-details-qtyAvailInfo, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-inTheBag div, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-cart-subtotalLabel, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-cart-shippingLabel, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-cart-taxLabel, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-cart-optionsList, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-cart-estimationNote, .ecwid-shippingOption.ecwid-shippingOption-checked > label, html#ecwid_html body#ecwid_body label.ecwid-fieldLabel, .ecwid-shippingOption > label, html#ecwid_html body#ecwid_body div.ecwid-Checkout-PasswordBlock-tip { color: #000!important; }
html#ecwid_html body#ecwid_body .ecwid .ecwid-btn--secondary-inverse { background-color: #ff7c1c!important; }
.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag, html#ecwid_html body#ecwid_body .ecwid .ecwid-btn--primary { background-color: #ff7c1c!important; border-radius: 10px; color: #fff; float: right; font-size: 20px; height: 50px !important; line-height: 48px; margin: 0; padding: 0; right: 0; text-align: center; top: 50px; width: 210px !important; font-family: "Roboto Slab",serif!important; text-transform: uppercase!important; }

/* BLOG */
#blog_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0px; width: 100%; }
#blog_css .entry-content-page h1 a { color: #ff7c1c; }
.moretag { float: right; border: 1px solid #ff7c1c; background-color: #ff7c1c; color: #fff; margin: 20px 0 0; height: 20px; padding: 4px 10px; border-radius: 10px; }
	.moretag:hover { color: #ff7c1c; background-color: #fff; }

p a { color: #ff7c1c; }

/* NEW */
#home_do { background-color: #fff; padding: 60px 0; }
.container { margin: 0 auto; max-width: 1000px; position: relative; width: 100%; z-index: 2; }
#home_do p { text-align: center; color: #ff7c1c; font-size: 14px; padding: 0 20px; }
#home_do h1 a { color: #000 !important; font-size: 40px; text-transform: uppercase; padding: 0 20px; }
.read_more:hover { background-color: #ff7c1c; }
.read_more { border: 2px solid #000; color: #000; float: right; font-size: 20px; height: 22px; letter-spacing: 1px; line-height: 23px; padding: 8px 6px; text-align: center; width: 187px; margin: 0 20px 0 0; }
#home_slide h1 { background-color: rgba(0, 0, 0, 0.8); font-size: 60px; margin: 90px 0 0; text-align: center; text-transform: uppercase; width: 663px; color: #fff; }
#home_slide p { background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 10px 0 0; padding: 7px; width: 460px; }
#home_slide { background-image: url("http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/03/banner.jpg"); background-size: cover; background-position: top center; height: 400px; overflow: hidden; }
h1 { margin: 0; padding: 0; font-size: 32px; text-transform: uppercase; }
#home_slide img { height: auto; min-height: 400px; position: relative; top: -224px; width: auto; z-index: 1; }
#home_video h1 { display: none; }
#home_video p { color: #fff; font-size: 14px; text-align: center; }
#home_video { padding: 40px 0; }
#home_video p:nth-of-type(2) { margin: 50px 0 0; }
#home_donate { background-image: url(http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/01/background.jpg); }
#home_donate h1 { color: #fff; margin: 0 0 40px; text-align: center; text-transform: uppercase; }
#home_donate .post-meta li { color: #fff; margin: 0; padding: 0; width: 50%; }
#home_donate { padding: 40px 0; }
#home_donate p { color: #fff; margin: 0; padding: 0 0 20px; text-align: center; }
#home_donate li:nth-of-type(2) span { display: none; }
.post-meta li:nth-of-type(2) { background-color: #ff7c1c; border-radius: 10px; font-size: 20px; height: 50px !important; line-height: 48px; margin: 0; padding: 0; position: absolute; right: 0; text-align: center; top: 50px; width: 210px !important; }
#home_donate .post-meta li:nth-of-type(1) { font-size: 14px; }
#home_donate > .container > h1::first-line { color: #ff7c1c; }
#blog_css .moretag { display: none; }
#blog_css .read_more { margin: 20px 20px 0 0; }
#gallery_popup { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); z-index: 10; }
.close { color: #fff; position: absolute; text-transform: uppercase; text-align: center; top: 20px; right: 20px; height: 40px; width: 40px; background-color: transparent; cursor: pointer; background-image: url(http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/04/close.png); }
.close:hover { background-color: #ff7c1c; }
#gallery_css .entry_container img.gal_pop { height: auto; left: 50%; margin-left: -480px; max-width: 960px; opacity: 1; position: absolute; width: 100%; z-index: 100; cursor: default; top: 360px; }
.donate_button { background-color: #ff7c1c; border-radius: 10px; color: #fff; float: right; font-size: 20px; height: 50px !important; line-height: 48px; margin: 0; padding: 0; right: 0; text-align: center; top: 50px; width: 210px !important; border: 0px; cursor: pointer; }
.home_donate_left { color: #fff; float: left; }
.home_donate_right { float: right; position: relative; top: 48px; }
.home_donate_left > p { text-align: left !important; }
.entry-footer { display: none; }
.entry-content-page header { background-color: transparent !important; background-image: none !important; color: #ff7c1c; height: auto; padding: 64px 64px 0; }
.post-edit-link { display: none; }
.entry-meta { display: none; }
.entry-title a { color: #ff7c1c; font-size: 35px; margin: 0; padding: 0; text-transform: uppercase; }
.entry-content { padding: 0 64px 64px; }
#main_nav .sub-menu a {
    color: #fff;
    font-size: 10px;
}
#shop_css .entry-content-page { background-color: #fff; margin: 80px auto; max-width: 1088px; padding: 0;  width: 100%; }
#shop_css a { color: #ff7c1c; }

header { width: 100%; background-color: #000; height: 116px; padding: 0px; transition: .3s ease; }

#menu_toggle { display: none; }

#menu_toggle .container { cursor: pointer; display: inline-block; position: absolute; right: 14px; top: 36px; width: 35px; }

.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #fff; margin: 6px 0; transition: 0.4s; }

/* Rotate first bar */
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }

/* Fade out the second bar */
.change .bar2 { opacity: 0; }

/* Rotate last bar */
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

iframe { height: 462px; }
.sub-menu {
    padding: 19px 0 0 !important;
}

#contact_form br {
    display: none;
}
.wpcf7-form-control-wrap.last-name {
    margin: 20px 4.5%;
}

div.wpcf7-validation-errors { border: 2px solid #f00!important; }
div.wpcf7-mail-sent-ok { border: 2px solid #ff7c1c!important; }

#about_css img {
    width: auto;
    max-width: 100%;
    height: auto;
}

@media (max-width: 1100px) {
	.container { width: 80%; }
	.gallery { width: 640px; height: auto; }
	#gallery-1 br { display: none; }
	#gallery-1 .gallery-item { display: inline-block; float: none!important; }
	#gallery-1 dl:last-of-type { clear: both !important; }
	.contact_text { width: 100%; }
	.contact_text:nth-of-type(2) { margin: 0; }
	.attachment-post-thumbnail { height: auto; width: 100%; }
	#menu_toggle { display: inline-block; }
	.menu li { display: block; list-style: outside none none; margin: 0 auto -2px; padding: 0; text-align: center; }
	#main_nav li a:hover { color: #fff; border-bottom: 0px; }
	header.header_height { height: auto; }
	#main_nav { padding: 20px 0; position: relative; }
	#main_nav li a { padding: 0; margin: 20px 0; border-bottom: none; } 
	#logo.menu_sm { background-image: url("http://www.dylanpolniak.com/clients/luckyfp/wp-content/uploads/2017/01/logo.png");background-size: 100% auto; height: 51px; left: auto; margin: 0 auto 18px; position: relative; top: auto; width: 68px; }
	.menu { display: none; }
	.menu.menu_sm { float: none; margin: 0 auto; position: relative; width: 80%; display: block;
	z-index: 100; padding: 0; }
	iframe { height: 360px; }
#main_nav .sub-menu a { font-size: 15px; }
.sub-menu {
    padding: 0 !important;
}
	.wpcf7-form-control-wrap.last-name {
    margin: 0;
}
	.contact_hear { margin: 20px 0; }
}


@media (max-width: 840px) {
	.entry_container h1 { font-size: 26px; }
	#home_slide h1 { width: 100%; font-size: 40px; }
	.home_donate_left { float: none; }
	.home_donate_right { float: none; margin: 22px auto 0; position: relative; top: 0; width: 210px; }
	h1 { text-align: center; }
	.read_more { float: none; margin: 0 auto; }
	#home_slide p { padding: 5%; width: 90%; }
	#home_donate h1 { font-size: 20px; }
	.entry_container p { font-size: 12px; }
	.entry_container { padding: 24px; }
	#about_css .entry-content-page, #gallery_css .entry-content-page, #attachment_css .entry-content-page, #contact_css .entry-content-page, #blog_css .entry-content-page, #shop_css .entry-content-page { width: 80%; }
	#shop_css .entry-content-page .entry_container { padding: 64px 10px; }
	.gallery { width: 100%; }
	#gallery-1 .gallery-item { width: 100% !important; height: auto!important; }
	#gallery_css .entry_container img { height: auto; width: 100%; }
	#copyright { text-align: center; margin: 0 auto!important; left: auto!important; }
	#social_media { position: relative!important; float: none!important; margin: 30px auto 0!important; right: auto!important; top: auto!important; width: 192px!important; }
	footer { height: auto!important; }
	#blog_css .read_more { display: block; float: none; margin: 20px auto; position: relative; }
	iframe { height: 280px; }
.home_donate_right {
    float: none!important;
    margin: 22px auto 0!important;
    position: relative!important;
    right: auto!important;
    top: auto!important;
    width: 210px!important;
}
}