/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* Add currency to custom donation */
.description:after {content:' $ ';color:white;}

/* Style donations */
div.campaign-summary {display:none;}
div.campaign-description {padding:20px;}
.separate-containers .inside-article {padding:0px !important;}
div.page-header-image-single.grid-container.grid-parent.generate-page-header {max-width:1380px !important;}

/* Style popup */
div#eModal-1, div#eModal-3 {border-radius:0px !important;z-index:99999 !important;font-family:'Julius Sans One' !important;}
a.emodal-close {background:transparent !important;box-shadow:none !important;border:0 !important;font-family:'Lato' !important;}
.emodal-content p {font-family:'Julius Sans One' !important;}
#mc_embed_signup {background:transparent !important;}
div#eModal-3 p {color:white !important;}
div#mc_embed_signup_scrolll {max-width:300px !important;margin: 0 auto !important;}

/* Make the slider full width in the Home Page Header */
body .grid-container {max-width:100%;}
.fl-content-slider .fl-slide-bg-photo {background-position:0% 0% !important;}

/* Center images on the single post pages and lessen the text width */
div.page-header-image-single.grid-container.grid-parent.generate-page-header {max-width:1100px;margin:0 auto;text-align:center;padding-bottom:10px;}
div.entry-content, .entry-header {margin-left:10%;margin-right:10%;}

/* Resize the SVG Logo and style the header */
.generate-merged-header .site-header {background-color: rgba(255,255,255,0.9);}
.site-logo img {max-width: 117px;max-height:117px;}
.main-navigation .sticky-logo, .main-navigation .sticky-logo img {height:100% !important;}
div.inside-navigation.grid-container.grid-parent {margin-left:40px;margin-right:40px;}

#headertable {float:right;margin-top:5px;width:80%;}

/* Buttons in header */
.donate {background-image:url(http://www.retetielephants.org/wp-content/uploads/2017/03/donate.svg);background-position:left;background-repeat:no-repeat;}
.donate a, .join a, .facebook a, .instagram a {color:transparent !important;}
.menu-item-44 {width:100px;}

.facebook,.facebook:visited, .facebook:hover {float: right;display: inline-block;padding: 2px;background-image:url(http://www.retetielephants.org/wp-content/uploads/facebook.svg);background-position:left;background-repeat:no-repeat;background-size:27px 27px;color: #FFFFFF;}
.instagram,.instagram:visited, .instagram:hover {float: right;display: inline-block;padding: 2px;background-image:url(http://www.retetielephants.org/wp-content/uploads/instagram.svg);background-position:left;background-repeat:no-repeat;background-size:27px 27px;color: #FFFFFF;}
.join,.join:visited, .join:hover {float: right;display: inline-block;padding: 2px;background-image:url(http://www.retetielephants.org/wp-content/uploads/2017/03/join-the-herd.svg);background-position:right;background-repeat:no-repeat;background-size:100px 25px;color: #FFFFFF;}
a.instagram, a.facebook {width:30px;height:30px;}
a.join {width:112px;height:30px;}

/* Buttons in the footer */
.instafoot,.instafoot:visited, .instafoot:hover {float: right;display: inline-block;padding: 2px;background-image:url(http://www.retetielephants.org/wp-content/uploads/instagram.svg);background-position:right;background-repeat:no-repeat;background-size:27px 27px;color: #FFFFFF;width:27px;height:27px;cursor:pointer}
.menu-item-100 a, .menu-item-100 a:visited, .menu-item-100 a:hover {color:transparent;width:30px !important;height:30px !important;}
.facefoot,.facefoot:visited, .facefoot:hover {float: right;display: inline-block;padding: 2px;background-image:url(http://www.retetielephants.org/wp-content/uploads/facebook.svg);background-position:right;background-repeat:no-repeat;background-size:27px 27px;color: #FFFFFF;width:27px;height:27px;cursor:pointer}
.menu-item-101 a, .menu-item-101 a:visited, .menu-item-101 a:hover {color:transparent;width:30px !important;height:30px !important;}
.menu-item-38, .menu-item-39, .menu-item-40, .menu-item-41, .menu-item-42 {padding-top:5px !important;}

/* Format the sticky menu */
.main-navigation.navigation-clone {box-shadow:0px;opacity:0.9;}

/* Make the page content match the container size */
.fl-row-fixed-width {max-width:1280px !important;}

/* Format Blog Posts */
.uabb-post-grid-2 img {width:80%;margin:40px auto;}

/* Style responsive menu */
a.responsive-menu-item-link {border:0px !important;}
div#responsive-menu-title-image {max-width:100px;}
#responsive-menu-container #responsive-menu-additional-content {padding:5px 5% !important;}
div#responsive-menu-container.slide-left {max-width:300px;}

/* Style contact form text */
.uabb-success-msg.uabb-text-editor *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(b) {color:#524f4b;}

/******************* RESPONSIVE *************************/
@media (max-width: 768px) {
  #headertable {display:none;}
.fl-module-content-slider .bx-wrapper {margin-top: 90px !important;}
div.entry-content, .entry-header {margin-left:0px;margin-right:0px;}
.site-logo img {max-width: 90px;max-height:90px;}
header#masthead.site-header {max-height:110px;}
div.uabb-blog-posts-shadow {min-height:610px;}
.join,.join:visited, .join:hover, .facebook,.facebook:visited, .facebook:hover, .instagram,.instagram:visited, .instagram:hover {float:left;background-position:left !important;margin:5px !important;}
input#mc-embedded-subscribe.button {margin-top:10px;}
.menu-item-38, .menu-item-39, .menu-item-40, .menu-item-41, .menu-item-42 {display:none !important;}
img.aligncenter.size-full.wp-image-99 {display:none;}
}

@media (min-width:769px) and (max-width: 1024px) {
  #headertable {display:none;}
nav#site-navigation.main-navigation, div#primary-menu.main-nav {display:none;}
div.uabb-module-content.uabb-blog-posts.uabb-blog-posts-grid.uabb-post-grid-2 {margin:0px 0px 0px 25px !important;}
div.uabb-blog-posts-col-2.uabb-post-wrapper {width:48%}
.menu-item-38, .menu-item-39, .menu-item-40, .menu-item-41, .menu-item-42 {display:none !important;}
div.entry-content, .entry-header {margin-left:0px;margin-right:0px;}
.site-logo img {max-width: 90px;max-height:90px;}
header#masthead.site-header {max-height:110px;}
div.uabb-blog-posts-shadow {min-height:610px;}
.join,.join:visited, .join:hover, .facebook,.facebook:visited, .facebook:hover, .instagram,.instagram:visited, .instagram:hover {float:left;background-position:left !important;margin:5px !important;}
}

@media (min-width:1025px) and (max-width: 1379px) {
div.uabb-blog-posts-col-2.uabb-post-wrapper {width:48%}
div.uabb-module-content.uabb-blog-posts.uabb-blog-posts-grid.uabb-post-grid-2 {margin:0px 0px 0px 25px !important;}
}

@media (min-width:1380px) {
#headertable {width:90%;}
div.uabb-blog-posts-col-2.uabb-post-wrapper {width:48%}
}