/* typeface */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}


/* reduce gray bacground on hover */
.main .post-archive article.post-has-thumbnail .entry {
    background: rgba(58, 58, 58, 0.2);
}

.main .post-archive article.post-has-thumbnail:hover .thumbnail {
    opacity: 0.9;
}


/* menu hover */
#nav > li > a {
	transition: border-bottom 0.1s ease-in-out;
}

#nav > li > a:hover, #nav > li > a:focus {
		opacity: 0.9;
	color: rgb(0, 36, 96);
/* 	text-decoration: underline; */
	border-bottom: 1px solid rgb(0, 36, 96);
}

.sub-menu > li:hover, .sub-menu > li:focus {
	opacity: 0.2;
}

/* menu selected */
.masthead .menu .current-menu-item > a {
  text-decoration: none;
	border-bottom: 3px solid rgb(0, 36, 96);
}

/* menu typeface*/
.masthead .menu {
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: 0.01rem;
	text-align: left;
	padding-left: 20%;
}

/* menu padding */
.masthead .menu ul {
	padding: 0;
}

/* Adjusting main heading */
.masthead .branding h1.site-title a, .masthead .branding h1.site-title a:hover, .masthead .branding p.site-description {
	font-size: 1.5rem;
	line-height: 0;
	letter-spacing: 0.02rem;
	overflow-wrap: normal;
	word-wrap:normal;
}

/* hover on main heading */
.masthead .branding h1.site-title a {
	transition: border-bottom 0.1s ease-in-out;
}

.masthead .branding h1.site-title a:hover, .masthead .branding h1.site-title a:focus {
	text-decoration: none;
	opacity: 0.7;
	border-bottom: 2px solid rgb(0, 36, 96);
/* 	text-decoration:underline; */
	color:rgb(0, 36, 96);
}

/* categories */
.cat-item {
	font-size: 1rem;
	line-height: 2.4rem;
}

.widgettitle {
	overflow-wrap: normal;
	word-wrap:normal;
}

button, input, select, textarea {
	font-size: 80%;
}


/* SLIDER */
.slidecontainer {
    width: 60%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    border-radius: 20px;  
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover, .slider:focus     {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
    border-radius: 50%;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.img-container {
    position:relative;
		margin-bottom: 35rem;
}

.bottom, #top1, #top2, #top3 {
    position:absolute;
    width: 60rem;
		height: auto;
		top:0;
    left:0;
}

/* typeface */
.main div.pd-rating h3.jp-relatedposts-headline, .main div#jp-relatedposts h3.jp-relatedposts-headline, .main div.sharedaddy h3.jp-relatedposts-headline, .main div.pd-rating h3.sd-title, .main div#jp-relatedposts h3.sd-title, .main div.sharedaddy h3.sd-title, .masthead .branding, .masthead .branding h1.site-title, .secondary-masthead h1.site-title, .main article .taxonomies, .post-meta-data, .content-comments ol.comment-list li.comment .comment-meta-data, .content-comments ol.comment-list li.trackback .comment-meta-data, .content-comments ol.comment-list li.pingback .comment-meta-data, .content-comments #respond p.comment-notes, .content-comments #respond p.logged-in-as, .no-results .entry-single, .single-attachment .entry-single, .error404 .entry-single, .singular .entry-single, .sidebar .widget, .sidebar .widget h3.widgettitle, .main .contributor p, .projects-terms, body, blockquote, .content-comments ol.comment-list li.comment #respond #cancel-comment-reply-link, .content-comments ol.comment-list li.trackback #respond #cancel-comment-reply-link, .content-comments ol.comment-list li.pingback #respond #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6 {
	font-family: "San Francisco",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

/* embedded videos */
.tailor-responsive-embed > iframe {
	width: 100%;
	min-height: 40rem;
}

/* footer credits */
.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.pad {
/* 	padding: 4rem; */
	flex-basis: 25%;
	padding-top: 2rem;
}

@media screen and (max-width: 480px) {
	.pad {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 320px) {
	.pad {
		flex-basis: 100%;
	}
}

.padding {
  flex-basis: 25%;
	padding: 2rem;
}

@media screen and (max-width: 800px) {
	.padding {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 320px) {
	.padding {
		flex-basis: 100%;
	}
}

/* gallery */
/* .video-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.video-container iframe {
	width: 833px;
	height:400px;
} */

/* .video-container .jetpack-video-wrapper {
	flex: 50% !important;
}

.video-container iframe {
	max-width:400px !important;
} */

/* photo gallery */
.gallery .gallery-item {
	padding: 0 0.7rem;
	margin:0;
}

/* video gallery */
.bord {
	padding-top: 1rem;
	border-top: 2px solid gray;
}

.mini-nav {
	padding: 3rem 0;
	margin-bottom: 3rem;
}

.rel {
	position: relative;
}

.flex-container.mini-nav {
	justify-content: space-between;
	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
}

.mini-nav a {
	flex-basis: 25%;
	text-align: center;
	font-size: 2rem;
}

@media screen and (max-width: 480px) {
	.mini-nav a {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 320px) {
	.mini-nav a {
		flex-basis: 100%;
	}
}