/*
Theme Name: WSfG Child Theme
Theme URI: https://www.washingtonschoolforgirls.org/
Version: 1.0
Description: Theme for WSfG
Author: 51¸£ÀûÉç
Author URI: https://www.washingtonschoolforgirls.org/
template: bb-theme
*/

#menu-main-navigation .portal-button a, #menu-main-navigation .give-button a {font-size: 12px; font-weight: 700; line-height: 1; border-radius: 20px; border: 1px solid #235ba8; text-align: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
#menu-main-navigation .sub-menu {-webkit-transition: all 0.4s linear; transition: all 0.4s linear; background: #ffffff;}
#menu-main-navigation .portal-button a {padding: 8px 20px;}
#menu-main-navigation .portal-button a:hover {background-color: #235ba8;}
#menu-main-navigation .portal-button a:hover span {color: #ffffff;}
#menu-main-navigation .give-button a {padding: 8px 30px; border: 1px solid #1bb5c4;}
#menu-main-navigation .give-button a {background-color: #1bb5c4;}
#menu-main-navigation .give-button a span {color: #ffffff;}
#menu-main-navigation .give-button a:hover {background-color: #ffffff;}
#menu-main-navigation .give-button a:hover span {color: #1bb5c4 !important;}
#menu-main-navigation li.current-menu-parent > .uabb-has-submenu-container a span {color: #fcb123;;}
#menu-main-navigation .sub-menu li.current_page_item a span {color: #fcb123;}
.home .hero-cursive ss-word:after {display: block; content: ""; width: 100%; height: 15px; position: relative; top: -10px; z-index: -1;}
.home .n2-ss-slide-active .hero-cursive ss-word::after {content: ""; display: block; background: transparent url('/wp-content/uploads/line.png') no-repeat; opacity: 0; animation: myAnim 1s ease 1800ms 1 normal forwards; position: relative; top: -20px; background-size: cover; width: 100%; height:7px; background-position: left center;}
.home .n2-ss-slide-background-image {margin-left: 15% !important;}
.home .n2-ss-slide-background-color {background: rgb(35,94,168) !important; background: linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(49,178,226,1) 35%, rgba(255,255,255,0) 80%) !important;}
@keyframes myAnim {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(0.4);
		transform: scaleX(0.4);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
}

.styled-line .uabb-first-heading-text {display: block;}
.styled-line .uabb-after-heading-text::after {content: ""; display: block; background: transparent url('/wp-content/uploads/line.png') no-repeat; opacity: 0; animation: myAnim 1s ease 600ms 1 normal forwards; position: relative; top: 0; background-size: cover; width: 100%; height:3px; background-position: left center;}

#champion, #creator, #lawyer {position: absolute; top:0; right: 0; left: 0;}
#creator #svg {position: absolute; top:0; right: 0; left: 0;}
#champion #svg {position: absolute; top:60px; right: 0; left: 0;}
#lawyer #svg {position: absolute; top:40px; right: 0; left: 0;}
#creator .fl-row-content-wrap {}
#creator-text h2 span span, #champion-text h2 span span, #lawyer-text h2 span span {display:block; font-family: quimby-gubernatorial, Verdana, Arial, sans-serif; line-height: 1;font-size:10vw;}
#champion .fl-row-content-wrap {background-position: 86% center !important; background-size: 32%;}
#lawyer .fl-row-content-wrap {}
h2.fl-heading span.fl-heading-text span div {width: 100% !important;}

.wsg-line {display: block;}
.wsg-line::after {content: ""; display: block; background: transparent url('/wp-content/uploads/line-20px.png') no-repeat; opacity: 0; animation: myAnim 1s ease 600ms 1 normal forwards; position: relative; top: 0; background-size: cover; width: 100%; height:5px; background-position: left center;}

 .fl-rich-text h1,  .fl-rich-text h2,  .fl-rich-text h3,  .fl-rich-text h4,  .fl-rich-text h5,  .fl-rich-text h6 {margin-bottom: 3px;}
#featured-post .uabb-post-meta {margin-top: 20px;}
.home #blog-posts .uabb-post-thumbnail {width: 25%; padding: 40px 0 0 0;}
.home #blog-posts .uabb-blog-post-content {width: 75%;}
.home #blog-posts .uabb-empty-img .uabb-blog-post-content {width: 100%;}
.home #blog-posts img {width:150px; height:150px; object-fit:cover; border-radius:50%;}
.page-id-148 #blog-posts .uabb-post-thumbnail, .parent-pageid-148 #blog-posts .uabb-post-thumbnail {width: 33.33%;}
.page-id-148 #blog-posts .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-blog-post-content {width: 66.67%;}
.page-id-148 #blog-posts .uabb-empty-img .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-empty-img .uabb-blog-post-content {width: 100%;}
.page-id-148 #blog-posts img, .parent-pageid-148 #blog-posts img {width:300px; height:300px; object-fit:cover; border-radius:50%;}
.uabb-text-editor p a {color: #fcb123 !important;}	
.uabb-text-editor p a:hover {color: #58585a !important;} 
.scroll-icon {position: absolute !important; left: 0; right: 0; bottom: 10%; margin: auto;}

.news-posts .custom-readmore {font-size: 16px !important; font-weight: 400 !important;}
.uabb-gf-style input[type=submit] {padding: 10px 30px;}
.gform_body input + label, .gform_body select + label {padding-top: 0 !important; margin-top: -10px;}
.gform_body legend {border: none;}
.gform_body .ginput_address_country select {border-radius: 5px; height: 53px;}
.gform_wrapper .validation_message {border: none !important; padding: 0 !important; background: none !important;}
.gfield.gfield_error {background: transparent !important; border-bottom: 1px solid #c91c1c !important;}
.gform_validation_errors {border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important;}
.gform_validation_errors h2 {font-size: 18px !important; text-transform: uppercase !important; line-height: 1.4 !important;}
.gform_validation_errors .gform-icon--close:before {display: none;}
.gform_wrapper.gravity-theme .gfield_radio label {font-size: 18px !important; font-weight: 400 !important;}
.grecaptcha-badge {display: none;}
.page-id-841 .grecaptcha-badge {display: block;}

.read-more-link {font-weight: 600 !important; display: block; font-size: 14px !important; margin-top: 20px;}
.read-more-link:hover {text-decoration: none;}
.read-more-text {transition: all .2s ease-out;-webkit-transition: all .2s ease-out;}
	  
#gradient-icons .fl-icon i::before, #gradient-icons .uabb-number-text .uabb-number-string .uabb-number-int {background: -moz-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); background: -webkit-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); background: linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text -webkit-text-fill-color: transparent; color: transparent;}
.video-animation {width: 130px; margin: 0 auto;} 
#flyup-boxes:not(.building-dreams) .uabb-new-ib-title {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: 3vh;}
#flyup-boxes .uabb-new-ib-desc p a {font-size: 16px; text-transform: uppercase; font-weight: 400; margin-top: 10px; display: inline-block;}
#flyup-boxes .uabb-module-content::before {background: -moz-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); background: -webkit-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); background: linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); height: 32%; bottom: 0; top: auto; opacity: 0.9;}
#flyup-boxes.building-dreams .uabb-module-content::before {background: none;
	background: none; height: auto; bottom: 0; top: auto; opacity: 1;}
#flyup-boxes:not(.building-dreams) .uabb-module-content.uabb-ib2-hover::before {-webkit-transform: scale(6); -moz-transform: scale(6); transform: scale(6); -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}

#flyup-boxes.building-dreams .uabb-new-ib-desc {background: #ffffff; opacity: 0.9;}

#flyup-boxes:not(.building-dreams) .uabb-new-ib-content {visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.3s linear; transition: visibility 0s, opacity 0.3s linear; height: 0; display: none;}
#flyup-boxes.building-dreams .uabb-new-ib-desc .uabb-new-ib-content {margin-top: 5px !important;}
#flyup-boxes .uabb-module-content.uabb-ib2-hover .uabb-new-ib-content {visibility: visible; opacity: 1; height: auto; display: inline-block;}
.hover-image {position: absolute; z-index: 1;}

#team-grid .uabb-post-thumbnail img, .single-people img.wp-post-image {width: 250px; height: 250px; object-fit: cover; object-position: center; border-radius: 50%;}
#team-grid {text-align: center;}
#team-grid h3 {margin-top: 10px;}

#events-grid .uabb-post-thumbnail img {width: auto; height: 250px; object-fit: cover; object-position: center;}
#events-grid h3 {margin-top: 10px;}
#events-grid .uabb-blog-post-inner-wrap {padding-bottom: 30px;}

#testimonial .row {display: flex; align-items: center;}
#testimonial .row > [class*='col-'] {padding: 0;}
#testimonial .uabb-post-thumbnail {width: 250px; height: 250px; box-shadow: inset 0px 0px 25px 0px #999; border-radius: 50%; margin: 0 auto;}
#testimonial .uabb-post-thumbnail img {width: 250px; height: 250px; object-fit: cover; object-position: center top; border-radius: 50%; position: relative; z-index: -2;}
#testimonial h3 {font-family: 'rollerscript-smooth',Verdana,Arial,sans-serif; margin-bottom: 0;}
#testimonial h6 {font-family: "proxima-nova",Verdana,Arial,sans-serif;font-weight: 400; color: #1bb5c4; font-size:14px; text-transform: uppercase;}

.page-id-1451 .uabb-hotspot-tooltip-content {width: 500px;}
.thearc-slider .fl-slide-bg-photo {height: 230px; background-size: contain !important; position: relative !important;}
.thearc-slider .bx-wrapper {margin-bottom:0;}
.thearc-slider .bx-viewport {height: 465px !important;}
.thearc-slider .fl-slide-content-wrap {position: relative;}
.thearc-slider .fl-slide-content-wrap .fl-slide-title {margin-bottom: 0 !important;}
.thearc-slider .bx-wrapper .bx-pager {bottom: -50px !important;}

#page-title h1 span {display: inline-block; width: auto;}
#page-title h1 span::after {content: ""; display: block; background: transparent url('/wp-content/uploads/line.png') no-repeat; opacity: 0; animation: myAnim 1s ease 600ms 1 normal forwards; position: relative; top: 0; background-size: cover; width: 100%; height:3px; background-position: left center;} 

li.translate-widget {position: absolute; top: 5px;}
.translate-widget li {margin: 0 0 0 10px !important;}
.translate-widget a {padding: 0 !important;}
.translate-widget .gglobe {width: 30px; height: 30px;}
.gsatelite.gt-current-lang img {box-shadow: none !important;}

.uabb-timeline-heading a {color: #fcb123;}
.uabb-timeline-heading a:hover {color: #58585a;}

#science svg {width: 85%;}
.building-dreams.community img {object-position: 97% 100%;}

#lounge .fl-row-content-wrap {background-position: 100% 60% !important; background-size: 97%; position: relative !important;}

/* large width only */
@media screen and (min-width: 993px) {
	}

/* medium widths + large widths */
@media screen and (min-width: 768px) {
	#menu-main-navigation .sub-menu .uabb-has-submenu-container .uabb-menu-toggle::before {content: '\f105';}
	#menu-main-navigation .sub-menu {display: block;}
}
	
/* medium width only */
@media screen and (min-width: 768px) and (max-width: 992px) {
	#testimonial .row .col-md-4 {width: 33.33%;}
	#testimonial .row .col-md-8 {width: 66.67%;}
	#testimonial .uabb-post-thumbnail img {width: 200px; height: 200px;}
	#testimonial .uabb-post-thumbnail {width: 200px; height: 200px;}
	.page-id-148 #blog-posts .uabb-post-thumbnail, .parent-pageid-148 #blog-posts .uabb-post-thumbnail {width: 33.33%;}
	.page-id-148 #blog-posts .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-blog-post-content {width: 66.67%;}
	.page-id-148 #blog-posts .uabb-empty-img .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-empty-img .uabb-blog-post-content {width: 100%;}
	.page-id-148 #blog-posts img, .parent-pageid-148 #blog-posts img {width:250px; height:250px; object-fit:cover; border-radius:50%;}
	#makerspace .fl-row-content-wrap {background-position: 77% 60% !important; background-size: 165%; position: relative !important;}
	#wellness .fl-row-content-wrap {background-position: 99% 60% !important; background-size: 145%; position: relative !important;}
	#science .fl-row-content-wrap {background-position: 95% 60% !important; background-size: 145%; position: relative !important;}
	#lounge .fl-row-content-wrap {background-position: 100% 60% !important; background-size: 175%; position: relative !important;}
}

/* small + medium widths */
@media screen and (max-width: 992px) {
}

/* small width only */
@media screen and (max-width: 767px) {
	#menu-main-navigation .portal-button, #menu-main-navigation .give-button {width: 150px; margin-bottom: 15px;}
	#flyup-boxes .uabb-module-content .uabb-new-ib-content {visibility: visible; opacity: 1; height: auto; display: inline; position: relative; top: 10px;}
	#flyup-boxes .uabb-new-ib-desc {bottom: 0; background: -moz-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%);
		background: -webkit-linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%);
		background: linear-gradient(90deg, rgba(35,94,168,1) 0%, rgba(27,180,196,1) 50%); opacity: 0.8;}
	.home #blog-posts .uabb-post-thumbnail, #blog-posts .uabb-post-thumbnail, #blog-posts .uabb-blog-post-content {width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0;}
	#blog-posts .uabb-post-thumbnail {padding: 0;}
	.home #blog-posts img, #blog-posts img {margin: 0 auto; width: 200px; height: 200px;}
	#testimonial .row {display: flow-root;}
	#testimonial .uabb-post-thumbnail {margin-bottom: 20px; width: 250px; height: 250px;}
	#testimonial .uabb-post-thumbnail img {width: 250px; height: 250px;}
	#menu-main-navigation .sub-menu {box-shadow: none;}
	#menu-main-navigation .sub-menu li a {padding-top: 10px; padding-bottom: 10px;}
	.page-id-148 #blog-posts .uabb-post-thumbnail, .parent-pageid-148 #blog-posts .uabb-post-thumbnail {width: 100%;}
	.page-id-148 #blog-posts .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-blog-post-content {width: 100%;}
	.page-id-148 #blog-posts .uabb-empty-img .uabb-blog-post-content, .parent-pageid-148 #blog-posts .uabb-empty-img .uabb-blog-post-content {width: 100%;}
	.page-id-148 #blog-posts img, .parent-pageid-148 #blog-posts img {width:225px; height:225px; object-fit:cover; border-radius:50%;}
	.bt-sticking, .fl-col[bt-sticky], [bt-sticky], .bt-stuck {top: auto !important; position: relative !important;}
	.scroll-icon {display: none;}
	li.translate-widget {position: relative; top: 0;}
	#menu-main-navigation li.current-menu-parent ul.sub-menu {display:block !important;}
	#creator .fl-row-content-wrap {background-size: cover;}
	#champion .fl-row-content-wrap {background-position: 98% center !important; background-size: 50%;}
	#lawyer .fl-row-content-wrap {}
	#makerspace .fl-row-content-wrap {background-position: 80% 60% !important; background-size: 215%; position: relative !important;}
	#wellness .fl-row-content-wrap {background-position: 99% 60% !important; background-size: 170%; position: relative !important;}
	#science .fl-row-content-wrap {background-position: 99% 60% !important; background-size: 208%; position: relative !important;}
	#lounge .fl-row-content-wrap {background-position: 100% 60% !important; background-size: 210%; position: relative !important;}
	#flyup-boxes .uabb-ib-effect-style1 .uabb-new-ib-content, #flyup-boxes .uabb-ib-effect-style1 .uabb-new-ib-title, #flyup-boxes .uabb-ib-effect-style1 .uabb-new-ib-title {transform: none !important;}
}