/*
 Theme Name:   Share the Worlds Resources
 Author:       Dave Gray
 Template:     generatepress
 Version:      0.1
*/

/* HTML tags */

ol, ul {
margin: 0 0 1.5em 2em;
}

b, strong {
font-weight: 600;
}

hr{
margin: 20px 0;
color: #bbb;
border-top: 1px solid #bbb;
}

table, td, th {
border: 1px solid rgba(0,0,0,.5);
}

th{
background:#00a6d6;
color:#fff;
}

tr.alt{
background-color: var(--global-color-9);
}

h1,h2,h3,h3,h5{
color: var(--global-color-12);
}

/* Header styles*/

.header_social_col a:hover{
color:#fff;
}

/* Header WPML widget */

.wpml-ls-statics-shortcode_actions{
height:65px !important;
padding-top:13px;
font-weight:500;
position:relative;
}

.wpml-ls-statics-shortcode_actions ul ul{
margin-left:0px !important;
}

.wpml-ls-statics-shortcode_actions a{
text-decoration:none;
}

.wpml-ls-first-item{
padding-top:5px !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a{
padding:10px 0 10px 10px;
}

.flags img{
margin-right:10px;
}

/* Navigation and menus */

#menu-global-call{
border-radius:0;
font-weight:500;
}

#menu-global-call .sub-menu .menu-item{
background: var(--global-color-8);
}

#menu-global-call .sub-menu .menu-item:hover{
color:#333;
background:var(--global-color-9);
}

/* Search block */

.search-container{
position:relative;
}
	
.top-bar .search-box form{
position:absolute;
right:0;
padding-right:0;
width:300px;
}

html:lang(ja) .top-bar .search-box form{
width:210px;
right:-20px;
}
	
input[type="search"]{
background:#fff;
border:0;
}
	
.top-bar .wp-block-search__button{
color:#fff !important;
padding:5px;
height:45px;
width:45px;
border-radius:50px;
margin-left:-25px
}
	
input::placeholder{
font-weight:500;
opacity:1;
color:#333 !important;
}

.wp-block-search__inside-wrapper  input::placeholder{
color:var(--accent)!important;
}

.not-found .wp-block-search__button{
font-weight:600;
}

/* Above main content */

/* Breadcrumbs */

.breadcrumbs{
font-size:14px;
}

.breadcrumb-container.custom {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
max-width: 1245px;
padding-bottom: 10px;
padding-top: 15px;
border-top: 5px solid var(--global-color-12);
}

.breadcrumb-container{
margin-left: auto;
margin-right: auto;
max-width: var(--gb-container-width);
padding-bottom: 7px;
padding-top: 7px;
}

.tax-topic .breadcrumbs{
padding-left:15px;
}

/* Content Area Layout styles*/

.home .entry-content{
margin-top:-20px !important;
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
margin-top: 30px;
}

.archive .sharing-title{
margin-top:30px;
}

.home-posts h2{
padding-left:20px;
margin-bottom:15px;
}

.home-banner p{
margin-bottom:0px;
}

.home-page-card:hover{
text-decoration:none;
}

.fake-link{
color: var(--accent);
}

.entry-header{
margin-left: auto;
margin-right: auto;
max-width: 900px;
}

.event-container {
margin-left: auto;
margin-right: auto;
max-width: 800px;
}

.single-shopify-product .content-area{
padding-bottom:30px;
}

.page-id-6479 .entry-header{
max-width: 1100px;
}

.post-query .gb-loop-item:last-child div{
border:0;
}

.wp-block-post-featured-image,.wp-block-image{
margin-bottom:1.5rem;
}

.full-width-content h1.entry-title{
margin-top:10px;
margin-bottom:20px;
}

.intro-wrapper p{
font-size:1.3em;
margin-top:20px;
}

.article-banner:hover{
text-decoration:none;
}

.is-type-video{
margin-bottom:30px;
}

.dynamic-entry-content > .is-type-video:first-child{
margin-top:-30px;
}

.pill a,.term-list a,.carousel-cell .post-type span {
display:inline-block;
font-size: 1rem;
padding: 3px;
font-weight:500;
}

/* Make container link for cards fill whole block*/
.has-container-link {
position:relative;
}

.has-container-link a::after{
content: '';
position: absolute;
inset: 0;
}

.has-container-link a:hover{
text-decoration:none;
}

.home-page-card .has-accent-color{
font-weight:500;
}

.home-tile .wp-block-group__inner-container{
padding:0 0 10px 0;
background:#fff;
min-height:430px;
}

.home-tile .wp-block-group__inner-container p{
margin-left:15px;
margin-right:15px;
}

.home-tile .wp-block-group__inner-container img{
height: auto;
max-width: 100%;
object-fit: cover;
width: 100%;
}

.home-tile-wrapper{
gap: 2em !important;
column-gap: 2em !important;
}

/* Events*/
.event-details p{
margin-bottom:5px;
}

/* Below main content*/

/* Sharing*/

.wp-block-outermost-social-sharing li{
border-radius:0 !important;
}

.wp-block-outermost-social-sharing.has-small-icon-size {
font-size: 20px;
}

/* Related content styles*/

.related-wrapper{
margin-bottom: 40px;
margin-top:0;
padding-bottom: 30px;
}

.related-container{
margin-left: auto;
margin-right: auto;
padding-top:20px;
max-width: 900px;
border-top:5px solid var(--global-color-12);
}

.single .related-container{
max-width: 800px;
}

.related-container h3{
font-size:1.5rem;
text-align:;
}


/* Pagination */

.page-numbers{
border-color:#bbb !important;
border-radius:3px;
}

/* Footer and Newsletter signup */


.footer-wrapper{
background-color: #e8e8e8;
padding-bottom: 15px;
padding-top: 5px;
}

.footer-container{
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}

.footer-container_cols{
display: grid;
grid-template-columns:1fr 1fr 1fr 1fr;
column-gap: 1em;
grid-row-gap:1.5em;
}

.signup label{
position: absolute;
clip: rect(1px 1px 1px 1px);
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}

.signup .form-control{
background:#fff;
font-size:14px;
padding: 6px 12px;
margin:0;
width:98%;
}

.signup .btn-default{
border-radius: 0;
width: 100%;
background: #575760;
text-align: left;
font-size: 16px;
font-weight: 500;
color: #fff !important;
padding:5px
}

html:lang(ja) .signup .btn-default{
margin-left:-5px;
width: 102%;
}

.footer-container_cols ul{
list-style:none;
padding:0;
margin:0 0 0 15px;
}

/* Cookie bar styles */

.lwpcngNotice-dark{
background-color: var(--contrast-2);
}

.lwpcngNotice {
font-family: var(--gp-font--helvetica-neue);
font-size:14px;
}

.lwpcngNotice-dark .lwpcngNotice_accept {
border:0;
color: #fff;
background:#68b8da;
font-weight:500;
}

.lwpcngNotice-dark .lwpcngNotice_accept:hover {
background-color: #0187c2;
}

.lwpcngNotice-dark .lwpcngNotice_reject {
border:0;
color: #333;
background:#e8e8e8;
font-weight:500;
}

.lwpcngNotice-dark .lwpcngNotice_reject:hover {
background:var(--global-color-8);
color: #fff;
}

.lwpcngNotice-dark A, .lwpcngNotice-dark A:hover, .lwpcngNotice-dark A:visited {
 color: #fff;
}

/* Button styles overides*/

.wp-block-button a,.gbp-button--primary{
border-radius:0;
}

.nav-buttons .wp-block-button{
margin:0 5px;
}


.wp-block-button a{
font-weight:500 !important;
text-decoration:none;
}

.wp-block-button a:hover{
text-decoration:none;
background:#333 !important;
color:#fff !important;
}

.page .wp-block-buttons{
margin-bottom:20px;
}

.content-button-black a{
color:#fff;
font-weight:500;
}

.content-button-black a:hover{
text-decoration:none;
background-color: var(--accent);
color:#fff;
}

.nav-buttons .wp-block-button a:hover{
text-decoration:none;
color:#fff;
background:#333;
}

.signature-buttons{
padding-top:5px;
}

.signature-buttons .wp-block-button a:hover{
text-decoration:none;
background:#333;
color:#fff;
}

.sharing-nav{
margin:30px 0 10px 0;
}


/* Forms */

.gform_wrapper{
padding:15px;
background:var(--global-color-9);
margin-top:30px;
}

.gform_button{
border-radius:0 !important;
background: #2b7bb9 !important;
text-align: centre;
font-size: 16px !important;
font-weight:500 !important;
color: #fff !important;
padding: 5px 15px !important;;
}

.gfield--type-html p{
font-size:14px;
}

/* Flickity slider tweaks */

.home-slide{
position:relative;
}

.home-slide h2{
position:absolute;
}

.home .carousel-cell{
width:110%;
}

.home .carousel-cell h2{
color:#fff;
line-height:1;
}

html:lang(ja) .home .carousel-cell h2{
line-height:1.2;
}

.slider-title {
width:600px;
color:#fff;
}

.slider-title:hover{
text-decoration:none;
}

.related-wrapper .carousel-cell{
margin-right: 1rem;
background:#ecf6fe;
padding: 10px;
}

.carousel-cell-title{
font-size:15px;
font-weight:500;
margin-bottom:0 !important;
}

.carousel-cell .post-type{
margin:0 0 10px 0;
text-align:center;
}

.carousel-cell-image{
margin-bottom:5px
}

.carousel-cell-title a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}


.flickity-prev-next-button {
width: 40px;
height: 40px;
}

.flickity-button{
background:#2b7bb9;
display:none;
}

.flickity-button:hover{
background:var(--global-color-9);
}

.flickity-button-icon {
fill: white;
}
.flickity-button-icon:hover {
fill: var(--global-color-8);
}

.flickity-page-dots{
bottom:-45px;
}

.home .flickity-page-dots{
bottom:20px;
}

.home .flickity-page-dots .dot{
background:#fff;
}

.flickity-page-dots .dot {
background: #2b7bb9;
}

.single .flickity-slider h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.audio-book audio{
display:block;
margin-bottom:20px;
}

/* Shopify tweaks */

.shopify-buy__product__title{
display:none;
}

.shopify-buy__layout-horizontal{
margin-left: auto;
margin-right: auto;
max-width: 800px;
margin-bottom:40px;
}

.shopify-buy__product__variant-img {
width: 300px !important;
float: left;
margin: 0 30px 20px 0;
}

.shopify-buy__quantity {
margin: 15px 0;
padding: 5px;
font-size: 15px;
background:#fff !important;
border-color:#333 !important;
}

.shopify-buy__btn-wrapper button{
font-weight:500 !important;
border-radius:0 !important;
text-transform:lowercase !important;
}

.shopify-buy__btn-wrapper button::first-letter{
text-transform:capitalize;
}

.shopify-buy__product-description{
padding-top:30px;
}

.shopify-buy__select-icon{
display:none !important;
}

.shopify-buy__product-description{
padding-top:20px;
}

.shopify-buy__option-select-wrapper,.shopify-buy__product__variant-selectors{
margin-top:5px;
}

.single-shopify-product{
line-height:1.35;
}


/* hacks */

.home h1,html:lang(ja) .post-date.en,html:lang(en-US) .post-date.ja{
display:none;
}


/*
Mobile styles
*/

@media (max-width:768px) {
	
.wpml-ls-legacy-dropdown{
width:270px;
}
	
.wpml-ls-statics-shortcode_actions a{
background:#fff !important;	
}
	
.wpml-ls-statics-shortcode_actions img {
position: absolute;
left: 5px;
top: 17px;
}
	
.wpml-ls-sub-menu a{
background-color: #337ab7 !important;
color:#fff !important;
}
	
.wpml-ls-statics-shortcode_actions ul{
margin-left:40px !important;
}
	
.home-page-card h2{
font-size:1.3rem !important;
}
	
.home-slide h2{
top:75px;
font-size:3rem;
left:50px;
}
	
.full-width-content h1.entry-title,.single-shopify-product h1{
padding-left:15px;
}
	
.entry-content,.event-container {
padding:0 15px;
min-height:auto;
}
	
.home .entry-content{
padding:0
}
	
.entry-content{
padding:0 15px;
}
	
.entry-title{
padding-left:15px;
}
	

/* Mobile sub menu size  */
	
#menu-main-menu li a{
padding-left:10px;
}

.sub-menu .menu-item a{
font-size:15px;
padding-left:25px !important;
}
	
.sub-menu li:last-child{
border:0;		
}
	
.menu-item-18894,.menu-item-18900{
display:inline-block;
color:#fff !important;
background-color: var(--contrast-2) !important;
}
	
.wp-block-search__inside-wrapper{
padding-top:20px;
}
	
#menu-global-call,#menu-jp-global-call{
width:260px;	
}
	
.nav-buttons .wp-block-button{
margin:10px 2px;
}
	
.signature-buttons .wp-block-button{
margin-bottom:15px;
}
	
.signature-buttons .wp-block-button{
padding:0;
}
	
.sharing-nav .wp-block-button{
width:260px;
}
	
	
.signature-buttons .ind-sig,.signature-buttons .org-sig{
width:225px;
}
	
.home-tile-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
	
.related-wrapper .carousel-cell {
width: calc(90% - 1rem) !important;
margin-right: 1rem;
height: 300px;
}
	
.related-container{
padding-left: 15px;
padding-right: 15px;
}

.article-banner .wp-block-cover{
min-height:250px;
}
	
.shopify-buy__layout-horizontal{
margin-left: auto;
margin-right: auto;
max-width: 100%;
margin:0 15px;
}
	
.shopify-buy__product__variant-img {
float:none;
margin-left: auto;
margin-right: auto;
}
	
/* Hide footer form fields on mobile  */
	
.first-name,.last-name{
display:none;
}
	
.footer-container_cols{
display: grid;
grid-template-columns:1fr 1fr;
column-gap: 1em;
grid-row-gap:1.5em;
padding:10px;
}
	
.footer-wrapper .address,.footer-wrapper .strap{
font-size:12px;
}

}

@media (min-width: 769px) {
	
.wpml-ls-statics-shortcode_actions ul{
margin-left:40px !important;
}
	
.wpml-ls-statics-shortcode_actions img {
position: absolute;
left: 10px;
top: 17px;
}
	
/* Nav tweaks */
	
.sub-menu .menu-item{
font-size:15px !important;
}
	
.gb-submenu-toggle{
display:none
}
	
.menu-item-18894,.menu-item-18900{
display:none;
}
	
.home-slide{
height:500px;	
}
	
.home-slide h2{
font-size:4rem;
top:150px;
left:60px;
}
	
.full-width-content h1.entry-title{
padding-left:15px;
}
	
.entry-content{
padding-bottom:30px;
}
	
.home .entry-content{
padding:0;
}
	
.entry-title{
padding-left:0;
}

.wp-block-buttons.is-content-justification-center{
justify-content: center;
}
	
.signature-buttons .wp-block-button{
padding:0 10px;
}
	
.sharing-nav .wp-block-button{
width:290px;
}
	
	
.signature-buttons .ind-sig,.signature-buttons .org-sig{
width:250px;
}

.home-tile-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.related-wrapper .carousel-cell{
width: calc(33.33% - 1rem);
height: 260px;
}
	
.related-container{
padding-left: 0;
padding-right: 0;
}

.footer-container_cols{
display: grid;
grid-template-columns:1fr 1fr 1fr 1fr;
column-gap: 1em;
grid-row-gap:1.5em;
padding:0;
}
	
.footer-wrapper .address,.footer-wrapper .strap{
font-size:14px;
}

}

@media (min-width: 950px) {
	
.full-width-content h1.entry-title,.single-shopify-product h1{
padding-left:0px;
}
	
.event-container {
padding:0
}
	
.entry-content{
padding-bottom:20px;
}
	
.home-slide h2{
font-size:5.5rem;
top:160px;
left:70px;
}
	
html:lang(ja) .home-slide h2{
font-size:4rem;	
}

.home-tile-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
	
}

@media (min-width: 1250px) {
	
#menu-main-menu .menu-item{
padding: 0.5em 25px !important;
}
	
#menu-jp-main .menu-item{
padding: 0.5em 12px !important;
}
	
.home-slide{
height:600px;	
}

.home-slide h2{
top:190px;
font-size:5.5rem;
left:30px
}
	
html:lang(ja) .home-slide h2{
font-size:4.5rem;	
}
	
.related-wrapper .carousel-cell{
width: calc(25% - 1rem);
height: 260px;
}

}
	
@media (min-width: 1400px) {
	
.home-slide{
height:700px;	
}
		
.home-slide h2{
top:200px;
font-size:6rem;
left:25px;
}
	
	
html:lang(ja) .home-slide h2{
font-size:5rem;	
}
	
}