/*
 Theme Name:   Twentytwenty Child
 Author:       Edu Aquino
 Template:     twentytwenty
 Version:      1.0.0
*/
@import url("../twentytwenty/style.css");

/* === HERE STARTS THE CUSTOMI CSS FOR YOUR CHILD THEME
-------------------------------------------------------------- */


/* GOOGLE FONT ----------------------------------------------- */

body { font-family: 'Libre Franklin' !important; letter-spacing: 0em; }
.entry-content, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
	font-family: 'Libre Franklin' !important;
	font-size: 1.7rem;
}
body, .entry-title a, :root .has-primary-color { color: #C1CCDB !important; }


/* HEADER ---------------------------------------------------- */

.home.custom-background, .page-id-42.custom-background { background-color: #000d20 !important; }
.header-titles { flex-direction: column; margin-top: -4px !important; }
.header-titles .site-logo { margin: 0px !important; }
.site-logo img { max-height: 6rem; }
.header-titles .site-description { display: block !important; color: #40516B; font-size: 14px; margin: 0px !important; text-align: center; }
#site-header { position:fixed; top:0; right:0; left:0; z-index:99; }
.toggle-word-menu { width: 4.3rem !important; height: 1.5rem !important; font-size: 14px; padding-top: 0px !important; }
.mobile-nav-toggle { padding: 0px !important; }

@media (max-width: 1000px) {
	/* .site-logo img { max-height: 5.5rem; } */
}

@media (max-width: 1199px) {
	/* .site-logo img { max-height: 6.05rem; } */
}

/* PAGE TITLES & PAGE SPACES --------------------------------- */

main { position: relative; top: 86px; }
h1, h2, h3, h4, h5, h6, .faux-heading { letter-spacing: 0em; }
hr { margin: 6rem auto !important; }
.entry-content h2 { color: #FFFFFF; }
.home .entry-header { display: none; } /* Hide title just for the home page */
#post-7 .entry-header, #post-125 .entry-header, #post-35 .entry-header, #post-38 .entry-header, #post-42 .entry-header { background: none !important; }
.home .entry-content { display: flex; flex-wrap: wrap; max-width: 120rem; margin: 0px auto; }
.homepage-text { width: 30% !important; margin-top: 40px !important; margin-right: 30px; text-shadow: 4px 4px 12px #000d20; }
.home-video { width: 66% !important; margin-bottom: 5px; }
.video-volume-text { font-size: 13px; text-align: right; margin-top: 8px; }
.entry-header-inner.section-inner.medium { max-width: 120rem; }
.header-titles-wrapper { margin-right: 0rem !important; }
.header-inner { padding: 0.8rem 0; }
.singular .entry-header { padding: 0.45rem 0; background-color: rgba(34,39,45,0.45) !important; position: relative; z-index: 90; }
.post-inner { padding: 0rem 0rem; }
#post-14 .post-inner {
	background-image: url(http://negrin.com/francisco/wp-content/uploads/bg-general-img-abstract-little-vixen.jpg);
	background-repeat: no-repeat; 
	background-size: contain; } /* BG image for homepage */
post-14 h2 { margin-top: 7rem; } /* bigger margin top for Latest Shows titles */
#post-42 {
	background-image: url(http://negrin.com/francisco/wp-content/uploads/bg-contact-img-abstract-little-vixen.jpg);
	background-repeat: repeat-x; 
	background-size: contain; } /* BG image for contact page */
#post-42 .post-inner { margin-top: 8%; }
#post-42 .entry-header-inner.section-inner.medium,
#post-38 .entry-header-inner.section-inner.medium { max-width: 105rem !important; width: calc(100% - 4rem) !important; }
h1, .heading-size-1 { font-weight: 600; font-size: 2.7rem; text-align: left; letter-spacing: 0.01rem; margin-top: 25px !important; text-transform: uppercase; }
h2, .heading-size-2 { font-size: 2.4rem !important; font-weight: 500; letter-spacing: 0.05rem; }
h3, .heading-size-3 { font-size: 2rem; }
.entry-content { font-size: 1.7rem; }

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { letter-spacing: 0 !important; text-align: center; }

@media (max-width: 768px) {
	.homepage-text { width: 100% !important; order: 0; margin: 0px 20px !important; }
	.home-video { width: 100% !important; order: -2; }
	.video-volume-text { order: -1; }
	h1, .heading-size-1 { font-size: 2.15rem; }
	#post-14 .post-inner { background-image: none; padding: 0px; }
	main { top: 70px; }
	#site-content header { position: relative; top: 11.45%; }
	.header-titles .site-description { font-size: 13px; }
	.site-logo img { max-height: 5.5rem; }
	#post-42 { background-size: 900px; }
	#post-42 .post-inner { margin-top: 9%; }
}

@media (min-width: 769px) and (max-width: 1200px) {
	.homepage-text { width: 24% !important; margin-right: 10px; margin-top: 0px !important; }
	.homepage-text h1 { font-size: 2.2rem; }
	.homepage-text p { font-size: 1.45rem; }
	main { top: 76px; }
}

@media (min-width: 769px) and (max-width: 900px) {
	.homepage-text p { font-size: 1.25rem; }
}

@media (min-width: 701px) and (max-width: 999px) {
	/* .header-titles { width: 61%; }
	.header-titles .site-description { width: 130px; text-align: left; float: right; }
	.site-logo { float: left; } */
}

@media (min-width: 769px) and (max-width: 861px) {
	#post-14 .post-inner { background-size: 135%; }
}

@media (min-width: 862px) and (max-width: 1180px) {
	#post-14 .post-inner { background-size: 125%; }
}

@media (min-width: 1181px) and (max-width: 1250px) {
	#post-14 .post-inner { background-size: 120%; }
}

@media (min-width: 1251px) {
	#post-14 .post-inner { background-size: 1500px; background-repeat: repeat-x; }
}

@media (min-width: 1200px) {
	/* .header-titles .site-description { width: 130px; } */
}


/* ORDER OF ELEMENTS HOME PAGE FLEX -------------------------- */

blockquote { order: 5; }


/* SEARCH ---------------------------------------------------- */

.header-toggles .toggle { padding: 0 4rem 0 0; color: #40516B !important; }
.toggle-text { display: none; }
.header-inner .toggle-wrapper::before { background: transparent; width: 0; }



/* PAGES WITH FEATURE MEDIA  --------------------------------- */

.singular .featured-media::before { background: #22272D !important; }
.singular .featured-media-inner { margin: 0px !important; max-width: none; }
.featured-media { top: -80px; }
.featured-media img { margin: 0px !important; width: 100vw; }

@media (max-width: 768px) {
	.featured-media { top: 0px; }
}


/* PAGES WITH GRID EVENTS / OPERA  --------------------------- */

.uagb-post-grid .uagb-post__link { font-weight: normal; font-size: 13px; }
#site-content .uagb-post__cta { float: right; text-transform: lowercase; margin-bottom: 8px;
	background-image: url(http://negrin.com/francisco/wp-content/uploads/icon-arrow.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 20px;
	background-position: right 5px; padding-right: 18px;
}
.uagb-post__image { background-color: #383E46; }
.uagb-post__inner-wrap img { opacity: 1; transition: opacity 0.5s ease; }
.uagb-post__inner-wrap:hover img { opacity: .6; }
#post-487 .blocks-gallery-grid, .wp-block-gallery { justify-content: center; }


/* GENERAL CONTENT  ------------------------------------------ */

.wp-block-column figure { margin: 0px !important; }
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 105rem; }
hr.styled-separator:before, hr.styled-separator:after { display: none; }
hr.styled-separator { background: #40516B !important; }
hr.styled-separator:nth-child(3) { background: transparent !important; }
.wp-block-table table { margin-top: 0px; }
.wp-block-table > table > tbody > tr > td:nth-child(1) { background-color: #232B38; min-width: 130px !important; }
.wp-block-table > table > tbody > tr > td:nth-child(2) { background-color: #969DAA; color: #000D20; }
@media (min-width: 600px) and (max-width: 865px) {
	.wp-block-column:nth-child(1) { flex-basis: 58% !important; }
	.wp-block-column:nth-child(2) { flex-basis: 34% !important; }
}
.wp-block-pullquote { padding: 10px; background-color: #464d56 !important; }
.wp-block-pullquote blockquote p { font-size: 1.8rem; font-weight: 500; line-height: 1.3; letter-spacing: -0.03em; }
.homepage-text a { margin-top: 30px !important; padding-top: 20px !important; border-top: 1px solid #545D69; display: block; }
.homepage-text a img { width: 30%; padding-left: 12px; min-width: 90px; }
.homepage-text a span { float: left; }
@media (max-width: 768px) {
	.homepage-text a img { width: 94px; }
	.homepage-text a { border-bottom: 1px solid #545D69; padding-bottom: 20px; }
}

#post-38 .wp-block-table > table > tbody > tr > td:nth-child(2),
#post-38 .wp-block-table > table > tbody > tr > td:nth-child(1) { background-color: inherit; color: inherit; }
#post-38 .wp-block-table > table > tbody > tr > td:nth-child(1) { width: 120px; }
#post-38 h2 { padding-top: 42px; border-top: 1px solid #545D69; }

.media-top-anchors { display: flex; flex-wrap: wrap; }
.media-top-anchors a { width: 18%; padding: 8px 12px 8px 60px; background-color: #232B38; font-size: 14px; margin-right: 6px; background-image: url(http://negrin.com/francisco/wp-content/uploads/icons-media-section.png); background-size: 40px; background-repeat: no-repeat;  transition: background 0.5s ease; }
.media-top-anchors a:hover { background-color: #000D20; } 
.media-top-anchors a:first-child { background-position: 10px 12px; }
.media-top-anchors a:nth-child(2) { background-position: 10px -39px; }
.media-top-anchors a:nth-child(3) { background-position: 10px -90px; }
.media-top-anchors a:nth-child(4) { background-position: 10px -144px; width: 23%; }
.media-top-anchors a:nth-child(5) { background-position: 10px -190px; width: 15%; }
.wp-block-file > a:nth-child(1) { display: none !important; }
.wp-imitate-button { background-color: #52b3e4; font-size: 1.5rem; padding: 1em 1.25em; color: white; text-transform: uppercase; display: inline-block; text-decoration: none; font-weight: 600; }

#jtg-372 .modula-items .figc .jtg-title { font-size: 1.2rem !important; width: 94%; text-align: left; left: 8px; padding-top: 94px !important; border-top: none !important; }
.modula .modula-item.effect-pufrobo .jtg-title::after { display: none; }
.media-photos-download { font-size: 13px; display: block; position: relative; top: -38px; }
div.wp-block-columns.media-photos-download div.wp-block-column { width: 16.8% !important; float: left; margin-left: 0px; }
div.wp-block-columns.media-photos-download div.wp-block-column:last-child { width: 14% !important; margin-left: 0px; }

.press-no-margin { margin: 10px auto !important; }
div.wp-block-columns div figure table { margin-bottom: 0px !important; }
.media-credits-mobile { display: none; }
.media-dvd-images img { max-height: 200px; }
.homepage-testimonial:nth-of-type(odd) { margin: 45px 15% 15px 15% !important; }
.homepage-testimonial:nth-of-type(even) { background: #232B38; width: 20% !important; margin: inherit; }
@media (max-width:500px) {
	.homepage-testimonial:nth-of-type(2n) { width: 50% !important; }
}

@media (max-width:867px) {
	.media-top-anchors a { width: 100% !important; padding: 12px 12px 12px 60px; margin-bottom: 6px; background-size: 30px; }
	.media-top-anchors a:first-child { background-position: 12px 10px; }
	.media-top-anchors a:nth-child(2) { background-position: 12px -30px; }
	.media-top-anchors a:nth-child(3) { background-position: 12px -68px; }
	.media-top-anchors a:nth-child(4) { background-position: 14px -106px; }
	.media-top-anchors a:nth-child(5) { background-position: 14px -144px; }
	.media-photos-download { font-size: 9px; top: -24px; }
	.media-photos-download { font-size: 10px; top: -20px; }
	.media-credits-mobile { display: flow-root; position: relative; top: -10px; }
}

@media (max-width:768px) { .jetpack-portfolio .entry-content p:first-of-type { margin-top: 30px !important; } }



/* SEARCH RESULTS ---------------------------------------------- */

.archive-title { font-size: 2.2rem; }
.archive-subtitle.section-inner { margin: 2rem 0px !important; text-align: left; }
.search-results .color-accent { color: #C1CCDB !important; }
.search-results h2 a { color: #1381B8 !important; text-decoration: underline; }
@media (max-width:700px) { .archive-header { padding: 5rem 0; } }
body:not(.singular) main > article:first-of-type { padding: 5rem 0 0 !important; }
body:not(.singular) main > article:last-of-type { padding: 0 0 10rem 0 !important; }



/* FOOTER ---------------------------------------------------- */

#site-footer .section-inner { flex-wrap: wrap; }
#site-footer, .footer-inner p, .footer-inner a { font-family: 'Libre Franklin', sans-serif; font-size: 1.45rem; }
.social-nets { display: flex; width: 20%; justify-content: center; }
.footer-inner p, .footer-inner a { color:#8694A5; }
.powered-by-wordpress { display: none; }
.social-media-icon { display: block; padding: 0px 35px 30px 30px; background-repeat: no-repeat; background-size: 22px; background-position-x: center; }
.social-facebook { background-image: url(http://negrin.com/francisco/wp-content/uploads/icon-facebook.png); }
.social-instagram { background-image: url(http://negrin.com/francisco/wp-content/uploads/icon-instagram.png); }
.social-wikipedia { background-image: url(http://negrin.com/francisco/wp-content/uploads/icon-wikipedia.png); }
.social-linkedin { background-image: url(http://negrin.com/francisco/wp-content/uploads/icon-linkedin.png); }

@media (max-width: 768px) {
	.social-nets { width: 100%; order: -1; border-bottom: 1px solid #40516B; margin-bottom: 25px; }
}