/*
Theme Name: alpha-adventures-wordpress-theme
Author: Alan Devlin
Description: Custom Theme developed for the Alpha Adventures Website
Version: 1.0.1
*/

/*****************************************************************************
        FILE NAME: stylesheet.css
        DEVELOPED BY: Alan Devlin

        This file contains all the css code for laptops and desktops

*****************************************************************************/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/***************************************************************************
*
*        HEADER SECTION
*
****************************************************************************/
section#header nav {
  z-index:10000;
  background-color: #85A055;

}
section#header .alpha-adventures-heading {
  font-family: 'Permanent Marker', cursive;
  margin-right: 2.5rem;
  font-size: 1.5rem;
  padding-left:1rem;
}

section#header .alpha-adventures-heading:hover  {
 transform: scale(1.1);

}
section#header a {
  font-weight: bold;
  margin-right:1rem;
  color:white;
  text-decoration:none;
}


section#header .navbar-collapse li {
  font-size:1.2rem;
  position: relative;
  list-style-type: none;
  font-weight: 500;
  margin-top:1rem;
  padding-right:0.75rem;
}

section#header .navbar-collapse li:hover{
 transform: scale(1.1);
}

section#header .social-media-icons li {
	margin-top:0.5rem;
}

section#header button {
  color:white;
  border:white;
}
/***************************************************************************
*
*        MAIN-PAGE-IMAGE SECTION
*
****************************************************************************/
section#main-page-image .image-overlay{
 background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url("/wp-content/themes/alpha-adventures-wordpress-theme/imgs/bridge-monteverde.JPG");
  background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height:35rem;
    width:100%;
    z-index: -1;
}

section#main-page-image .image-overlay h1 {
  padding-top:12.5rem;
  font-family: 'Permanent Marker', cursive;
  font-size:7rem;
  color: #85A055;
  -webkit-text-stroke: 0.15rem white;
}

/***************************************************************************
*
*        SEPARATORS
*
****************************************************************************/
.separator {
  background:white;
  margin-top:0.2rem;
  margin-bottom:0.2rem;
}

.second-separator {
  background:#85A055;
  font-weight: bold;
  height:0.25rem;
}
/***************************************************************************
*
*        BLOG-ARTICLES SECTION
*
****************************************************************************/
section#blog-articles {
  padding-top:2rem;
  background-color: #85A055;
  color:white;
}

section#blog-articles .image-title {
/*position:absolute;	
margin-top:-8.05rem;
margin-left:-1rem;
width:100%;
text-align:center;
font-family: 'Oswald', cursive;*/
height:10rem;
width:100%;
display:flex;
justify-content: center;
align-items: center; 
margin-top:-10.05rem;
}

section#blog-articles h2{
font-family: 'Oswald', cursive;
color:white;
}
section#blog-articles h1{
font-size:1.5rem;
font-family: 'Oswald', cursive;
font-weight:900;
padding-left:1rem;
padding-right:1rem;
opacity:0.9;
max-width:60%;
/*margin-right:4rem;
margin-left:4rem;*/	

}

section#blog-articles .Blog a {
	text-transform: uppercase;
	font-weight: 900;
	font-size:1rem;
}

section#blog-articles .latest-blogs {
  background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url("/wp-content/themes/alpha-adventures-wordpress-theme/imgs/monteverde-bridge.JPG");
   background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     height:10rem;
    width:100%;
}

section#blog-articles img {
  height:10rem;
  width:100%;
  margin-top:1.5rem;
  margin-bottom:1rem;
  opacity:0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */	
}

section#blog-articles img:hover {
  opacity:1.0;
  filter: alpha(opacity=100);
  border: 0.25rem solid white;

}

section#blog-articles a {
  text-decoration: none;
  color:white;

}

section#blog-articles .latest-blogs h1 {
  padding-top: 3.75rem;
  font-size:2rem;
  color:white;
  margin-top:50rem;
 
}

section#blog-articles .more-blog-posts {
  font-size:0.85rem;
  float:right;
  text-decoration: none;
  margin-top:3.5rem;
  color:white;
  font-weight:bold;
}

section#blog-articles h2 {
  font-size:3rem;
  font-weight:bold;
  padding-bottom:1.5rem;
  margin-left:-3.5rem;
}
section#blog-articles p {
  margin-top:0.25rem;
}
/***************************************************************************
*
*        SUBSCRIBE SECTION
*
****************************************************************************/
section#subscribe {
  margin-top:2rem;
  color: #85A055;
  padding-bottom:0.5rem;
}

section#subscribe h2 {
  font-size:1.5rem;
  margin-bottom:0.75rem;
  font-weight:bold;
  font-family: 'Oswald', cursive;
}

section#subscribe .archives h2 {
  margin-top:1.5rem;
  font-family: 'Oswald', cursive;

}

section#subscribe .monthly {
 padding-bottom: 2rem;
}

section#subscribe .archives select {
  display:block;
  margin:0 auto;
  margin-top:0.75rem;
  height:2rem;
  width: 17rem;
  text-align-last: center;
  text-align: center;
}

section#subscribe .archives select:focus {
outline: #85A055;
}
section#subscribe .archives select:hover {
transform: scale(1.0);
  border-color: #85A055;
  box-shadow: 0 0 1rem #85A055;
}
section#subscribe input {
  display:block;
  margin: 0 auto;
}
section#subscribe input[type=submit] {
  color: white;
  background: #85A055;
}
section#subscribe input[type=email]:focus {
outline: #85A055;
}
section#subscribe input[type=email]:hover {
transform: scale(1.0);
  border-color: #85A055;
  box-shadow: 0 0 1rem #85A055;
}
section#subscribe input[type=submit]:hover {
 background: white;
 color: #85A055;
 border: 0.025rem solid #85A055;
 font-weight:bolder;
}

/***************************************************************************
*
*        FOOTER SECTION
*
****************************************************************************/
section#footer {
  background-color: #85A055;
  font-weight:bold;
  padding-bottom:0.75rem;
  padding-top:1rem;

}
section#footer .footer-copyright {
  display:flex;
  justify-content: center;
  align-items: center; 
  color: white;
  padding-top:1rem;
}

section#footer .search-button {
  display:flex;
  justify-content: center;
  align-items: center; 
}
section#footer .footer-name {
  font-family: 'Permanent Marker', cursive;
  font-weight:bold;
}

section#footer .footer-icons {
  display:flex;
  justify-content: center;
  align-items: center; 
  font-size:1.2rem;
}

section#footer .footer-icons i {
   padding-right:2rem;
   color:white;
}

section#footer .footer-icons i:hover {
transform: scale(1.1);
}


section#footer .search-button input {  
  width:15rem;
}

section#footer .search-button input:focus {
outline: #85A055;
}
section#footer .search-button input:hover {
transform: scale(1.02);


}

section#footer .search-button button {
 background: white;
 color: #85A055;
 font-weight: bold;
}

section#footer .search-button button:hover {
 transform:scale(1.1);
}
/***************************************************************************
*
*        BLOG PAGE 
*
****************************************************************************/
section#blog-image {
  padding-bottom:2.25rem;
  width:100%;

}

section#blog-image img {
 border: 0.25rem solid white;
  height:30rem;
  width:45rem;

}

section#blog-header .blog-caption {
	display:flex;
	max-width:100%;
  justify-content: center;
  align-items: center; 

}
section#blog-header h1{
	color:#85A055;
	text-transform: uppercase;
	font-family: 'Oswald', cursive;
	text-align:center;
	font-size:2.5rem;
}

section#blog-header h3{
	color:#85A055;
	text-transform: uppercase;
	font-family: 'Oswald', cursive;
	text-align:center;
	font-size:2rem;
	padding-top:1rem;
	margin-left:1rem;
}
section#blog-header p{
	font-weight: bold;
	float:right;
}
section#blog-header .calendar-blog {
    display:flex;
  justify-content: center;
  align-items: center; 
  padding-top:1rem;
  padding-bottom:1rem;
}

section#blog-header .calendar-blog:hover {
transform: scale(1.1);
}
section#blog-header time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  float:right;
  background-color: #fff;
  border-radius: 0.8em;
  box-shadow: 0 1px 0 #85A055, 0 2px 0 #fff, 0 3px 0 #85A055, 0 4px 0 #fff, 0 5px 0 #85A055, 0 0 0 1px #85A055;
  overflow: hidden;
}

section#blog-writing p {
  font-family: 'Montserrat', sans-serif;

}

section#blog-writing li {
  font-family: 'Montserrat', sans-serif;

}

section#blog-writing h1{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}

section#blog-writing h2{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}

section#blog-writing h3{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}

section#blog-writing h4{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}

section#blog-writing h5{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}

section#blog-writing h6{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	font-weight:900;
	color:#85A055;
}
time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  text-transform: uppercase;
  background-color: #85A055;
  border-bottom: 1px dashed white;
  box-shadow: 0 2px 0 #85A055;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #85A055;
}

time.icon span
{
  font-size: 2.5em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
   padding-bottom:1rem;
}

section#blog-header .author-info {
    display:flex;
  justify-content: center;
  align-items: center; 
  padding-top:3rem;
  padding-bottom:1rem;
}


section#blog-image .next-link a {
	float:right;
}

.sharing-buttons {
	text-align:center;
}

section#author-info {
	padding-top:1.5rem;
	width:100%;
}
section#author-info .author-bio {
	border: 0.1rem solid black;
	background:#A9C07F;
	padding-top:1rem;
padding-bottom:1rem;
	
}

section#author-info .author-writing {
 display:flex;
  justify-content: center;
  align-items: center; 


}
section#author-info .author-bio img {
border: 0.1rem solid white;
}
section#author-info h2 {
	color: white;
}

section#author-info h3 {
	color: black;
	font-weight:bolder;
}

section#author-info hr {
	width: 70%;
	background: white;
}

section#previous-next {
	padding-top:3rem;
	font-size:2rem;
	color:#85A055;
	font-weight:bolder;
	padding-bottom:3rem;
}
section#previous-next a{
	
	color:#85A055;
	
}

section#previous-next .next {
	float:right;
}
/***************************************************************************
*
*        INSTAFEED
*
****************************************************************************/
#instafeed {
	width:100%;
}

#instafeed a {
  padding:5px 5px 1px 5px;
 
  border:0.2px solid #e1e1e1;
  display:inline-block;
  border-radius: 4px;
  position:relative;
}

#instafeed img {
opacity:0.8;
 height:5rem;
 width:5rem;
  filter: alpha(opacity=80); /* For IE8 and earlier */	
}

#instafeed img:hover {
opacity:1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */	
}


section#instagram-feed h1 {
	padding-bottom:1.5rem;
	padding-top:1rem;
	color:#85A055;
	font-size:1.5rem;
	font-family: 'Permanent Marker', cursive;
}
section#instagram-feed {
	padding-bottom:1rem;
	padding-top:1rem;	
	text-align:center;
}
section#instagram-feed .button {
	background:#6B92B2;
	color:white;
	text-align:center;

	display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 7px 14px;
    margin: 5px auto 0;
    border: none;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/***************************************************************************
*
*        TWITTER FEED
*
****************************************************************************/
section#twitter-feed {
	padding-top:2rem;
	padding-bottom:1rem;
	
}

section#twitter-feed .aptf-single-tweet-wrapper {
	background:white;
	border: 0.15rem solid #00ACEE;
	
	
}
section#twitter-feed h1{
		color:#85A055;
	font-family: 'Permanent Marker', cursive;
	font-size:1.5rem;
}
section#twitter-feed i {
color:#85A055;;
}

section#twitter-feed a {

}
/***************************************************************************
*
*        POPULAR POSTS
*
****************************************************************************/
section#popular-posts {
	padding-top:2rem;
	padding-bottom:1rem;
	text-align:left;
}

section#popular-posts .wpp-list {
	margin: 0;
	padding: 0;

}

section#popular-posts h1{
	color:#85A055;
	font-size:1.5rem;
	font-family: 'Permanent Marker', cursive;
	padding-bottom:1rem;
}

section#popular-posts a {
	color:#85A055;
	font-weight:900;
	padding-right:1rem;
}


section#popular-posts span {
	display:none;
}
section#popular-posts hr {
	background:white;
	width:85%;
}
.blog-sidebar {
	/*background:#85A055;*/
	/*border: 0.25rem solid black;*/
	color:#85A055;
	/*border-radius:4rem;*/
}
/***************************************************************************
*
*        MONTHLY POSTS
*
****************************************************************************/
section#monthly-posts {
	padding-bottom:1rem;
	text-align:left;
}

section#monthly-posts ul{
	padding: 0;
	text-align: center;

}

section#monthly-posts h1{
	color:#85A055;
	font-size:1.5rem;
	font-family: 'Permanent Marker', cursive;
	padding-bottom:1rem;
}

section#monthly-posts li{
	list-style-type: none;
	color:#85A055;
}

section#monthly-posts hr {
	background:white;
	width:85%;
}

section#monthly-posts a {
	color:#85A055;
}
/***************************************************************************
*
*        ALL POSTS
*
****************************************************************************/
section#all-posts {
	padding-bottom:1rem;
	text-align:center;
}

section#all-posts h1{
	color:#85A055;
	font-size:1.5rem;
	font-family: 'Permanent Marker', cursive;
	padding-bottom:1rem;
}

section#all-posts select{
	width:55%;
}

/***************************************************************************
*
*        ARCHIVE PAGE 
*
****************************************************************************/
section#archive-page {
	padding-top:1.5rem;
}

section#archive-page .archive-title{
	color:#85A055;
	font-family: 'Oswald', cursive;
	text-align:right;
	padding-top:2rem;
	padding-bottom:2rem;
}
section#archive-page a {
text-decoration:none;

}

section#archive-page .blog-archive a {
	text-decoration:none;
	color:white;
}
section#archive-page .blog-title{
	color:white;
	font-family: 'Oswald', cursive;
	padding-top:1rem;
}


section#archive-page .blog-archive {
	background:#85A055;
	border:0.15rem solid black;
	color:white;
	border-radius: 40px;
	padding:3rem 1rem 1rem 1rem;
	margin-bottom: 2%;
}
section#archive-page p{
text-decoration:none;
color:white;
}
section#archive-page img {
max-width: 50%;
max-height: 20rem;
}

/***************************************************************************
*
*        SEARCH PAGE 
*
****************************************************************************/
section#search-page {
	padding-top:1.5rem;
}

section#search-page .search-title{
	color:#85A055;
	font-family: 'Oswald', cursive;
	text-align:right;
	padding-top:2rem;
	padding-bottom:2rem;
}
section#search-page a {
text-decoration:none;
color:white;
}
section#search-page .blog-search-title{
	color:white;
	font-family: 'Oswald', cursive;
	padding-top:1rem;
}
section#search-page .blog-search-title:hover{
transform: scale(1.1);
}

section#search-page .blog-search {
	background:#85A055;
	border:0.15rem solid black;
	color:white;
	border-radius: 40px;
	padding:3rem 1rem 1rem 1rem;
	margin-bottom: 2%;
}
section#search-page p{
text-decoration:none;
color:white;
}
section#search-page img {
width: 40rem;
height: 20rem;
}

/***************************************************************************
*
*        SUBSCRIPTION PAGE 
*
****************************************************************************/
section#subscription {
	padding-bottom:2rem;
}


section#subscription h1 {
	font-family: 'Oswald', cursive;
	padding-top:1.5rem;
	padding-bottom:1rem;
	font-size:4rem;
	color: #85A055;
	-webkit-text-stroke: 0.10rem black;
}

section#subscription h5 {
  	font-family: 'Permanent Marker', cursive;
	font-size:2rem;
	color: #85A055;
	padding-bottom:1rem;
}

section#subscription .home-button {
	text-align:center;
	
}

section#subscription button {
	margin-bottom:1rem;
	color:white;
	background: #85A055;
	padding: 0.5rem;
}

section#subscription button:hover {
	transform: scale(1.1);
}

section#subscription a {
	text-decoration: none;
}
section#subscription img {
	width:20%;
	height:100%;
	padding: 0;
	margin: 0;
	float:left;
}

.failed-search {
	padding-top:1rem;
	height: 10rem;
}

.failed-search-search {
  display:flex;
  justify-content: center;
  align-items: center; 
  padding-bottom:10rem;
  padding-top:1.5rem;
}

/***************************************************************************
*
*       ABOUT PAGE 
*
****************************************************************************/
section#about h1 {
	padding-top:1.5rem;
	padding-bottom:2rem;
	font-family: 'Oswald', cursive;
	font-size:4rem;
	color: #85A055;
	-webkit-text-stroke: 0.10rem black;
}

section#about .heading-images {
	display:flex;
  justify-content: center;
  align-items: center;
}
section#about img {
	width:20%;
	height:100%;
	padding: 0;
	margin: 0;
	float:left;
	padding-bottom:1rem;
}

section#about .about-writing {
	padding-bottom:2rem;
	padding-top:1rem;
}

section#about .about-writing p{
	font-size:1.5rem;
}

section#about-subscribe h2 {
	color: #85A055;
}

section#about-subscribe input {
  display:block;
  margin: 0 auto;

}
section#about-subscribe input[type=submit] {
  color: white;
  background: #85A055;
}

section#about-subscribe input[type=email {
	  width:50%;
}

section#about-subscribe input[type=email]:focus {
outline: #85A055;
}
section#about-subscribe input[type=email]:hover {
transform: scale(1.0);
  border-color: #85A055;
  box-shadow: 0 0 1rem #85A055;
}
section#about-subscribe input[type=submit]:hover {
 background: white;
 color: #85A055;
 border: 0.025rem solid #85A055;
 font-weight:bolder;
}