/*   
Theme Name: Pink Out For Hope
Theme URI: http://pinkoutpv.com/
Description: This is a custom WordPress theme designed and developed for Pink Out For Hope, Inc. by Thrive Creative Group, LLC
Author: Thrive Creative Group, LLC
Author URI: thinkthrive.com
Version: 1.0
*/

@media screen {
	
/*



font-family: 'Oswald', sans-serif;
400 / 700

font-family: 'Sintony', sans-serif;
400 / 700


*/

* { margin: 0; padding: 0; }
body { background: white; font: 16px/1.5 'Sintony', sans-serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }

.page-wrap { width: 1100px; position: relative; margin: 0 auto }

h1, h2, h3, h4 { font-weight: 700;line-height: 1.3em;  margin: 0 0 10px 0; font-family: 'Oswald', sans-serif; color: #595a5c}
h1 { font-size: 3em;}
h2 { font-size: 2.5em;}
h3 { font-size: 2em;}
h4 {font-size: 1.5em; }
a h1:hover, a h2:hover, a h3:hover, a h4:hover {color: #fb7fb5; transition: 1s ease}

h2.page-title {padding: 20px 0 0 0}

p { margin: 0 0 10px 0; }
a {color: #fb7fb5; text-decoration: none}
a:hover { color: #e04f80} 
a img {border: none}

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img, aside img, .wp-caption {	max-width: 100%; /* When images are too wide for containing element, force them to fit. */	height: auto; /* Override height to match resized width for correct aspect ratio. */}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	max-width: 100%;	height: auto;}
a img {	border: none;}
p img {	margin-bottom: 1em; }
img.alignleft,.wp-caption.alignleft {	margin-right: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.alignright,.wp-caption.alignright {	margin-left: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	height: auto;}
.wp-caption {	padding: 10px;	text-align: center;	border: 1px #ccc solid;}
.wp-caption img {	margin: 0;}
.wp-caption .wp-caption-text {	margin: .5em;	font-size: 80%;}

hr {margin: 20px 0; clear: both;  border-bottom: 3px dashed #f764a6; background: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff}

.top-header {background: #fb7fb5; padding: 15px 0 10px}
.top-header ul {list-style-type: none; float: right}
.top-header ul {float: left}
.top-header ul li {display: block; float:left}
.top-header a {color: #fff; text-decoration: none}
.top-header a:hover {color: #e04f80; transition: 1s ease}
.top-header ul li:first-child a:after { content: "|"; display: block; float: right; padding: 0 10px;color: #323233}

header {background: #323233; position: relative; padding: 30px 0 0; }
#logo { display: block; width: 260px; height: 260px; position: absolute; left: 0; top: -20px; z-index: 99;}
ul.buttons {float: right; list-style: none}
ul.buttons li {display: block; float: left}
ul.buttons li a {background: #d7d7d7; box-shadow: 5px 5px 0 0 #595a5c; display: block; text-decoration: none; padding: 10px 15px; border-radius: 5px; font-size: 1.563em; color: #595a5c; font-weight: 700; font-family: 'Oswald', sans-serif; }
ul.buttons li a:first-child {margin-right: 30px; }
ul.buttons li:last-child a {background: #ffb0d0; box-shadow: 5px 5px 0 0 #e04f80; color: #e04f80}
ul.buttons li a:hover {background: #e04f80; color: #fff; box-shadow: none; margin: 0px 25px 0 5px; padding: 10px 15px 10px}

header nav.main {float: right; clear: right; padding-top: 20px}	
header nav.main ul {margin: 0; float: right}
header nav.main ul li {float: left; display: block; position: relative; }
header nav.main ul li a {display: block; text-decoration: none; font-weight: 700; color: #fff; padding: 10px 20px; font-size: 1.5em; text-transform: uppercase; letter-spacing: 0.02em}
header nav.main ul li a:hover, header nav.main ul li:hover {color: #f764a6; background: #ffe9f2; border-top-right-radius: 5px; border-top-left-radius: 5px}
header nav.main ul li:hover a {color: #f764a6}
header nav.main ul li ul {display: none; z-index: 999; background: #ffe9f2; width: 350px; border-bottom: 3px dashed #f764a6; position: absolute; left: 0; top: 52px; }
header nav.main ul li:hover ul {display: block}
header nav.main ul li ul li {font-size: 1em}
header nav.main ul li ul li a {letter-spacing: 0; text-transform: none; display: block; padding: 10px 15px; width: 320px; background: #ffe9f2; color: #f764a6; border-top: 3px dashed #f764a6}
header nav.main ul li ul li a:hover { background: #fff; transition: 1s ease; }

.flex-direction-nav a {background: url('images/bg_direction_nav-white.png') no-repeat !important}
.flex-direction-nav .flex-next {background-position: 100% 0 !important}
.metaslider {overflow:hidden !important; }
.metaslider .caption-wrap {left: 50% !important; opacity: 1 !important; background: rgba(50, 50, 50, 0.8) !important; top: 0; width: 350px !important; margin-left: -600px !important; padding: 150px 25px 0}
.metaslider h2 {color: #fb7fb5}
.metaslider p {color: #fff; font-size: 1.563em; line-height: 1.2em; padding-top: 10px}
.metaslider a.slider-button {color: #fff; text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 700; display: block; float: left; padding: 10px 10px; margin-top: 20px; border: 1px solid #fff; border-radius: 5px}
.metaslider a.slider-button:hover {background: #fb7fb5; transition: 1s ease}

#homepage-text {padding: 50px 0; text-align: center}
#homepage-event-feed {padding: 50px 0; background: #f7f7f7}
.event-post a {color: #fff}
.event-post h2 {font-size: 1.5em; color: #fff; font-weight: 500; letter-spacing: 0.1em; margin: 0 0 5px 0}
.event-post h3 {font-size: 1.25em; color: #fff; font-weight: 500; letter-spacing: 0.05em}
.event-post h4, .event-post h5 {font-weight: 500; } 
h4.time:before {content: " "; display: block; float: left; width: 15px; height: 15px; background: url('images/time.png') center center no-repeat;background-size: cover;  margin: 0 15px 0 5px}
h4.time {color: #fff; font-size: 1em; font-weight: 500; text-transform: none; font-family: 'Sintony', sans-serif; margin: 0 0 15px 0; padding: 0; line-height: 1em}
h5.location:before {content: " "; display: block; float: left; width: 14px; height: 21px; background: url('images/location.png') center center no-repeat; background-size: cover;  margin: 0 15px 40px 5px}
ul.event-posts-container  {list-style-type: none}
ul.event-posts-container li {float: left; display: block;/* width: 22.5%;*/ margin: 0 3% 0 0; padding: 0; width: 22.75%}
ul.event-posts-container li a {display: block; width: 90%; float: left; padding: 5%;  background: #595a5c; color: #fff; border-radius: 5px}
ul.event-posts-container li:last-child {float: right; margin: 0;}
#homepage-event-feed a.all-events {display: block; text-align: center; padding: 30px 0 0 0}

section.sponsors {padding: 10px 0 50px}
h3.sponsor-title {margin: 40px 0; display: block; clear: both; font-weight: 700; font-size: 1.125em; text-align: center; text-transform: uppercase; letter-spacing: 0.07em}
h3.sponsor-title .pink {border-right: 25px solid #fff; display: block; float: left; margin-right: 20px; background: #fb7fb5; color: #fff; padding: 10px 120px}
section.sponsors .gray {background: #f7f7f7; color: #fb7fb5; display: block; width: 100%; padding: 10px 0}
section.sponsors #gallery-4 img, section.sponsors #gallery-2 img, section.sponsors img {border: none !important}
section.sponsors table {text-align: center; width: 100%; margin: 0 auto}
section.sponsors table tr {width: 33%; }
section.sponsors #gallery-4 dl:nth-child(2n) img {margin-bottom: 30px}
section.sponsors #gallery-4 dl:nth-child(3n) img {margin-top: 80px}
footer:before {content: " "; display: block; width: 100%; height: 22px; background: url('images/footer-pattern.jpg') repeat-x; clear: both}
footer {padding: 0 0 30px; background: #fb7fb5; color: #fff}
footer a {color: #ffc2db}
footer h2 {letter-spacing: 0.04em; margin-top: 20px; color: #ffc2db; border-bottom: 2px dashed #ffc2db; font-size: 1.125em}
footer img {float: left}
footer #text-2 a {color: #fff}
footer #text-2 a:hover  {color: #ffc2db;}
footer .sitemap {float: right; width: 30%; padding-top: 22px}
footer .sitemap ul {margin: 0 0 0 15px}
aside.footer-sidebar {float: left; width: 30%; margin: 20px 0 0 5%; }
.sub-footer {background: #323233; color: #fff; padding: 15px 0; font-size: 0.8em}
.sub-footer a {float: right}
.sub-footer ul {list-style-type: none}
ul#menu-footer-connect-support-menu {list-style: none}
ul#menu-footer-connect-support-menu li {float: left}
ul#menu-footer-connect-support-menu li a:hover {opacity: 0.8; transition: 0.5s ease}
ul#menu-footer-connect-support-menu li.facebook a {float: left; display: block; width: 50px; height: 50px; background: url('images/facebook.png') center center no-repeat; background-size: cover; text-indent: -9999px }
ul#menu-footer-connect-support-menu li.amazon-smiles {margin-left: 30px}
ul#menu-footer-connect-support-menu li.amazon-smiles a {width: 179px; height: 55px; background: url('images/AmazonSmile-logo.png') center center no-repeat; float: left; display: block; background-size: cover; text-indent: -9999px}

footer .news-feed {float: right; width: 30%; }
footer .news-feed h3 {letter-spacing: 0.04em; margin-top: 20px; color: #ffc2db; border-bottom: 2px dashed #ffc2db; font-size: 1.125em}
footer .news-feed a h4 {color: #fff; font-weight: 700; margin: 0; padding: 0}
footer .news-feed a.read-more {color: #fb7fb5; font-weight: 700; letter-spacing: 0.02em}


#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {background-color: #fb7fb5 !important}
.bread-crumbs {background: #f7f7f7; padding: 50px}
.breadcrumb-container {float: right}
aside.interior-sidebar {float: left; width: 30%; padding-top: 30px; }
.page-content {float: right; width: 65%; padding-bottom: 20px}
.page-template-page-sponsors .page-content {width: 100%}

ul#menu-sidebar-menu {list-style: none}
ul#menu-sidebar-menu li {display: block; clear: both; margin-bottom: 10px}
ul#menu-sidebar-menu li a {text-align: center; display: block; background: #d7d7d7; box-shadow: 5px 5px 0 0 #595a5c; display: block; text-decoration: none; padding: 10px 15px; border-radius: 5px; font-size: 1.25em; color: #595a5c; font-weight: 700; font-family: 'Oswald', sans-serif; }

ul#menu-sidebar-menu li a:hover {background: #e04f80; color: #fff; box-shadow: none; margin: 0 0 5px 5px}
ul#menu-sidebar-menu li.donate-link a {background: #ffc2db; color: #e04f80; box-shadow: 5px 5px 0 0 #e04f80}
ul#menu-sidebar-menu li.donate-link a:hover {margin: 0 0 5px 5px; background:#595a5c; color: #fff; box-shadow: none}

.news-feed {padding-top: 30px}
.news-feed h3 {border-bottom: 3px dashed #fb7fb5}
.news-feed h4 {font-family: 'Sintony', sans-serif;font-size: 1em; font-weight: 700}
.news-feed h4:hover {color: #fb7fb5 }
.news-feed .post {padding-bottom: 20px}


section#pagination-section {position: relative; z-index: 9999; height: auto; float: left;  width: 100%; margin-bottom: 30px}
section#pagination-section  .pagination {clear:both; padding: 0 0 20px 0; position:relative; }
section#pagination-section  .pagination span, .pagination a {background: #eaeae9; display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#414042; }
section#pagination-section  .pagination a:hover{color:#fff;background: #fb7fb5; transition: .5s ease}
section#pagination-section  .pagination .current{padding:10px 15px;background: #cccccc; color:#fff;}

.news-title {background: #f7f7f7; color: #fb7fb5; font-size: 1.5em; padding: 5px 20px 5px 20px; font-weight: 700; margin: 30px 0}

.page-content .post { border: 2px solid #ffc2db; border-radius: 10px; padding: 20px; margin-bottom: 20px}
span.post-time {float: right; background: #d7d7d7; color: #fff; margin: -20px -20px 0 0; position: relative; padding: 10px; border-top-right-radius: 5px }
.page-content .post a.moretag {background: #ffc2db; display: block; width: 150px; text-align: center; padding: 5px 10px; clear: both; margin: 15px 0 0 0; color: #fff}
.page-content .post a.moretag:hover {background: #fb7fb5; transition: 1s ease}

.page-content ul, .page-content ol {margin: 0 10px 0 20px}

.post-back {float: left; width: 30%}
.post-next {float: right; width: 30%; text-align: right}

form { }
input[type=text] { }
textarea { }
input[type="submit"] {display: block; color: #fff; border: none; border-radius: 5px; background: #e04f80; padding: 10px 25px; font-size: 1.75em; letter-spacing: 0.05em;text-transform: uppercase; font-weight: 700; font-family: 'Oswald', sans-serif;}
input[type="submit"]:hover {background: #fb7fb5; cursor: pointer; transition: 1s ease}
.tinynav { display: none }
.mobile-only {visibility: hidden}
.jp-carousel-info {display: none}

} /* END screen media */

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/

@media only screen and (max-width : 1170px) {
	
	.page-wrap {width: 95%}
	#logo {width: 200px; height: 200px}
	.bread-crumbs {padding: 15px 0}
	.metaslider .caption-wrap {padding: 100px 100px 0; position: relative; left: auto !important; margin-left: 0 !important; width: auto !important; margin: 0 0 0 0; }
	
}

@media only screen and (max-width : 1100px ) {
	
 	#logo {top: -90px}
	nav.main {width: 50%; float: right}
	.tinynav { display: block; float: right; width: 100%}
    #nav { display: none }
	ul.buttons {float: left; margin: 0 0 20px 230px }
	.tinynav {font-size: 1em; float: left; margin-top: 3px; padding: 5px}
	header nav {position: relative}
	header nav:before { content: "Menu"; position: absolute; left: -70px; display: block; float: left; font-size: 1.5em; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: 0.03em; }
/*	.nav-toggle {display: block; float: right;font-size: 2.5em; color: #fff; text-transform: uppercase;position: absolute; right: 0; top: 0; z-index: 9999; background: url('images/hamburger.png') right center no-repeat; display: block; padding: 0 65px 0 0}
*/		
	ul.event-posts-container li {width: 47%; margin-bottom: 20px}
	ul.event-posts-container li:last-child {float: left}
}
@media screen and (max-width: 1050px) {
	ul.buttons {display: none}
	.metaslider .caption-wrap {clear: both; bottom: -100%; top: auto; left: auto; right: auto; padding: 10px 100px }
	header {padding: 10px 0}
	header nav.main {padding-top: 0}
	footer img {width: 25%; height: auto; display: block; float: none; margin: 0 auto 0}
	aside.footer-sidebar {width: 35%}
	footer .sitemap {padding-top: 5px}
	
}
@media screen and (max-width: 800px) {
/*	.page-wrap {background: yellow}
*/	.page-wrap {width: 90%}
	aside.footer-sidebar, footer .sitemap {float: none; clear: both; margin: 0 auto; width: 60%}
	.sub-footer a, .sub-footer {display: block; text-align: center; float: none; clear: both; margin: 0 auto 10px}
	.sub-footer a {padding-top: 10px}
	section.sponsors table tr {width: 100%; display: block; float: none; clear: both}
	section.sponsors table tr td {width: 100%; display: block; float: none; clear: both}
	section.sponsors #gallery-8 .gallery-item, section.sponsors #gallery-12 .gallery-item {width: 23%; float: left}
	aside.interior-sidebar {float: none; clear: both; width: 100%; padding-top: 0}
	.page-content {float: none; width: 100%}
	.top-header ul {float: right}
	
/*	section.sponsors table tr td:nth-child(odd) {background: #ccc}
*/}
@media screen and (max-width: 700px) {
/*	.page-wrap {background: green}
*/	.desktop-only {display: none}
	.mobile-only {visibility: visible}
	#logo {width: 125px; height: 125px; top: -70px}
	.metaslider .caption-wrap {display: none !important}
	#homepage-text {padding: 25px 0}
	ul.event-posts-container li {width: 100%; margin-bottom: 20px}
	#homepage-event-feed {padding: 25px 0}
	h3.sponsor-title {margin: 20px 0}
	h3.sponsor-title .pink {width: 100%; padding: 10px 0; margin-bottom: 10px; display: block}
	section.sponsors {padding: 0 0 10px}
	section.sponsors .gray {margin: 20px 0}
	#gallery-4 .gallery-item {display: block; clear: both; float: none !important; margin: 0 auto 0; text-align: center}
	section.sponsors #gallery-4 dl:nth-child(2n) img, section.sponsors #gallery-4 dl:nth-child(3n) img {margin-top: 0}
	section.sponsors #gallery-8 .gallery-item, section.sponsors #gallery-12 .gallery-item {width: 23%; float: left}
	section.sponsors .gallery-item {min-height: auto}
	section.sponsors #gallery-12 .gallery-item:last-child {display: block; float: none; clear: both; margin: 0 auto 0; padding-top: 10px}
	aside.footer-sidebar, footer .sitemap {float: none; clear: both; margin: 0 auto; width: 90%}
	footer img {width: 50%;}
	div.bread-crumbs {display: none}
	.page-content {padding-top: 20px}
	.post-back, .post-next {text-align: center; width: 100%; padding-bottom: 10px}
}

@media screen and (max-width: 500px) {

header nav::before {display: none}
.tinynav {padding: 0; /*width: 70%;*/ float: right}
h3.post-title {clear: both; }
span.post-time {display: block; margin-bottom: 20px}

}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */