/*
 Theme Name:         GeneratePress Child
 Theme URI:          https://generatepress.com
 Description:        GeneratePress child theme for assistancedogfoundation.org
 Author:             Brian Chin
 Author URI:         https://wpspeedexpert.com
 Template:           generatepress
 Version:            0.1.15
 GitHub Theme URI:   https://github.com/WPSpeedExpert/generatepress-child-assistancedogfoundation
 GitHub Branch:      main
*/

/**
 * Do not directly or manually make changes to this Theme, it is controlled by a GIT repository on GitHub.
 * IMPORTANT: Database entries related to this theme will remain after deletion. Use the "Cleanup Options" Theme Settings > Cleanup Options to remove them manually.
 */

/* ===========================================
 * Table of Contents:
 * ===========================================
 * 1. GeneratePress Site CSS
 * 2. Header Styles
 * 3. Navigation Menus Styles
 * 4. Footer Elements
 * 5. Pagination Styles
 * 6. Sidebar Styles
 * 7. Headline Animation
 * 8. Bibliography Page
 * 9. 
 */

/* ===========================================
 * 1.  GeneratePress Site CSS
 * =========================================== */

/* gp buttons and button class assigned to the generateblocks buttons */
/* Buttons hover effect
 * Use CSS Class: button-effect
 */

/* mobile header spacing */
.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* home page icon boxes column shadows class applied in generateblocks */
.column-shadow {
	box-shadow: 0px 0px 12px #eef0f5;
}

/* rounded corners class assigned to generateblocks images */
.rounded-corners img {
	border-radius: 12px;
}

/* rounded corners on blog posts featured images */
.post-image img, .featured-image img {
	border-radius: 12px;
}

/* End GeneratePress Site CSS */

/* Increase / modify sub menu width & border */
.main-navigation ul ul {
    width: 400px;
		border-radius: 6px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
}
/* Add spacing after image in blog posts */
figure img {
    margin-bottom: 1.5em;
}

/* Add spacing after video in blog posts */
.wp-block-embed {
    margin-bottom: 1.5em;
}

/* Rounded buttons */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
    border-radius: 8px;
}

/* Input (email) field styling - rounded borders */
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 8px;
}

/* Search input */
.wp-block-search {
    width: 780px;
}

@media (max-width: 875px) {
    .wp-block-search {
        width: 500px;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .wp-block-search {
        width: 300px;
        max-width: 100%;
    }
}

.asana-embed-container {
    max-width: 1300px !important;
}

/* Accordion dropdown thickness */
.gb-accordion__toggle-icon-close svg polyline,
.gb-accordion__toggle-icon-open svg polyline  {
  stroke-width: 37;
}

/* ===========================================
 * 2.  Menu Item Hover Effect
 * =========================================== */

 .main-navigation .main-nav ul li>a {
  position: relative;
 }

 .main-navigation .main-nav ul li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: -78%;
  left: 0;
  background-color: transparent;
  -webkit-transition: 0.25s all linear;
  transition: 0.25s all linear;
 }

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a:before {
  height: 4px;
  background-color: var(--accent-1);
 }

.main-navigation .main-nav ul ul li:hover>a {
  transform: none !important;
}

.main-navigation .main-nav ul ul li>a:before, 
.main-navigation .main-nav ul ul li>a:hover:before {
  display: none;
}

.main-navigation ul ul li:hover a{
  background-color:#00000004 !important;
}

/* ===========================================
 * 3.  Main Menu Styles
 * =========================================== */

.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.18) 0px 2px 16px 0px;
}
.site-header,
.sticky-enabled .main-navigation.is_stuck { /** Sticky Navigation **/
	box-shadow: 0 .15em .35em #0002;
}

/* ===========================================
 * 4.  Footer Element Styles
 * =========================================== */
 
/*Banner Image margin Bottom*/
.no-margin-bottom {
 margin-bottom:0; 
}

footer.site-info {
    padding: 15px 20px 20px;
	background-color: rgba(255, 243, 219, 0.39);
}

.inside-site-info {
	padding: 0;
}

/* ===========================================
 * 5.  Link Styles
 * =========================================== */
/* hyper link style */
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: #e1e1e1;

}

/* ===========================================
 * 6.  Sidebar Styles
 * =========================================== */

.sidebar .widget :last-child ul {
    overflow: hidden;
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    list-style: none;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0 1px 1px #fffffff2;
}

.sidebar .widget :last-child ul li {
    padding: 10px 0px;
    border-bottom: 2px solid;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1em .85em;
    line-height: 1.5;
    box-shadow: 0 1px 1px #fffffff2;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.sidebar .widget :last-child ul li a {
    text-decoration:none;
}

select[name="category_name"] {
    border: 1px solid #ddd;
    padding:.5em .65em;
    line-height: normal;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #00000013;
  	position:relative;
  	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  	width: 100%;
    
}

.wp-block-categories-dropdown{
  position: relative;
}

.wp-block-categories-dropdown:after {
    content: "▼";
    position: absolute;
    right: 7px;
    top: 76%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 13px;
    color: var(--accent);
}

label.wp-block-categories__label {
    margin-bottom: 10px;
}

.prev-post, .next-post {
  font-weight: bold;
  cursor: pointer;
}
.prev-post a, .next-post a {
  color: #0073aa;
  text-decoration: none;
}

.gb-grid.gb-grid-columns-2.gb-gap-2 {
    display: flex;
    justify-content: space-between;
}

/*  Side Bar additional styles */
.sidebar .widget :last-child ul,
.wp-block-latest-posts.wp-block-latest-posts__list {
    overflow: hidden;
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    list-style: none;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0 1px 1px #fffffff2;
}

.sidebar .widget :last-child ul li,
.wp-block-latest-posts.wp-block-latest-posts__list li {
    padding: 10px 0px;
    border-bottom: 2px solid;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1em .85em;
    line-height: 1.5;
    box-shadow: 0 1px 1px #fffffff2;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.sidebar .widget :last-child ul li a, 
.wp-block-latest-posts.wp-block-latest-posts__list li a {
    text-decoration:none;
}

select[name="category_name"] {
    border: 1px solid #ddd;
    padding:.5em .65em;
    line-height: normal;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #00000013;
  	position:relative;
  	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  	width: 100%;
    font-size: inherit;
    
}

.wp-block-categories-dropdown{
  position: relative;
}

.wp-block-categories-dropdown:after {
    content: "▼";
    position: absolute;
    right: 7px;
    top: 76%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 13px;
    color: var(--accent);
}

label.wp-block-categories__label {
    margin-bottom: 10px;
}



/* ===========================================
 * 7. Headline Animation
 * =========================================== */

.animated-headline {
  display: flex;
  align-items: center;
  font-style: normal;
  margin-bottom: 5px;
  color: #f0d5b1 !important;
  text-shadow: 0 0 10px rgba(219,151,61, 1), 0 0 5px #db973d, 0 0 0px rgba(219,151,61, 1);
}

.word-slider {
  position: relative;
  display: inline-block;
  height: 1.4em;
  overflow: visible;
}

.word-slider .word {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
}

.word-slider .is-visible {
  animation: slideInSettle 0.4s forwards ease-in-out;
  z-index: 2;
  opacity: 1;
}

@keyframes slideInSettle {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  60% {
    transform: translateY(10%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

/* New Homepage Overlay */
.wp-block-cover{
  	align-items: end !important;
    padding: 0 0 1em!important;
}

.colored-text {
 color: #ffe6b8; 
}

.hero-h2 {
 margin-bottom: 0; 
 font-style: normal;
 font-size: 32px
}

/* Hero text section for large screen size */

@media screen and (min-width: 1300px) and (max-width:2560px) {
.hero-custom-container {
    padding: 30px 5% 30px 17% !important;
	padding-left: calc((100% - 1300px) / 2 + 25px) !important
  }
}

/* ===========================================
 * 8. Bibliography page styles
 * =========================================== */

.biblio-index {
  padding: 0rem 2rem;
  padding-right: 0;
}
.biblio-index ol {
  margin: 0;
  padding-left: 1.25rem; /* ordered list indent */
}
.biblio-index li {
  margin: 0.15rem 0;
  line-height: 1.5;
}

a.biblio-next-link, a.biblio-prev-link {
    color: var(--accent);
    font-size: 26px;
    text-decoration: none;
    font-weight: normal;
}

a.biblio-prev-link span,
a.biblio-next-link span {
	font-weight: normal;
}

.css-lvou8n {
	    max-width: 1300px !important;
}

/* ===========================================
 * 9. Multipli Style Adjustments
 * =========================================== */

/* Multilipi adjustments */
.lang-switcher-dropdown-toggle {
	background: var(--accent-2) !important;
}
.lang-switcher-dropdown,
.lang-switcher-dropdown-menu {
	width: 95px !important;
}
.lang-switcher-dropdown-menu{
padding: 0 !important;
}
.lang-switcher-chevron {
	color: #000 !important;
}
.lang-switcher-dropdown-toggle span {
    font-weight: 500;
    color: black !important;
    font-size: 13px !important;
}
.lang-switcher-language-grid {
	display: block !important;
	text-align: center !important;
}
.lang-div {
padding: 4px 0px !important;
}