/*! Theme Name: WIF Theme URI: http://underscores.me/ Author: piroc media, inc. Author URI: https://piroc.com Description: a custom theme for womeninfilm.org Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wif Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. WIF is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/3b8e9a"); :root { --dark-purple-bkgd: #221432; --dark-pink-bkgd: #B394D6; /* now purple */ --light-pink-bkgd: #e3d2f6; /* now light purple */ --light-purple-bkgd: #FEF9EF; /*#f5edff;*/ --bright-yellow-bkgd: #FAC857; /* #FFA15A; */ --pink: #B394D6/*#f9b4ad*/; --light-blue-bkgd: #BDE0FF; --light-background: #F2F2F2; /* #fdf6f6; */ --ivory: #FEF9EF; --ivory-background: #FEF9EF; } /* Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,button,input,optgroup,select,textarea{color:#404040;font-family:'Roboto',sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-top:0.5em;margin-bottom:1em}cite,dfn,em,i{font-style:italic}blockquote{background:transparent;padding: 3%; margin: 0 auto 3%;}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body{background:#FEF9EF}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 0em;padding-left:1.3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type=button],input[type=reset],input[type=submit]{ /*border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa*/} button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:/*#191970*/#B394D6}a:focus{outline:thin dotted}a:active,a:hover{outline:0} .createProgramDescription p { margin: 0; } /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:transparent;border:none;color:#FFF}.flickity-button:hover{background:transparent;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:0px}.flickity-prev-next-button.next{right:0px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:0px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:transparent;border-radius:50%;cursor:pointer;border:1px solid #333;}.flickity-page-dots .dot.is-selected{background:#333} /* flickity-fade */ .flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; } .flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; } .flickity-slider img { max-width: none; }.carouselImageCaption{ text-align: center; margin: .67em auto;} #slideshow { background: transparent;margin-bottom: 3vh;} .carousel-cell { width: 100%; } .carousel-cell-container { width: 100%; display: flex; flex-direction: row; align-items: center; } .carousel-cell-container.reverse { flex-direction: row-reverse; } .carousel-cell .carousel-text { background-repeat: no-repeat; } .carousel-cell-container {background-size: 50% 100%; background-position: 100% center; background-repeat: no-repeat; } .carousel-cell-container.reverse { background-position: -10% center; } .carousel-cell.blob_pink .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_left.png) } .carousel-cell.blob_pink .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_right.png); } .carousel-cell.blob_pink .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_small_left.png) } .carousel-cell.blob_pink .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_small_right.png) } .carousel-cell.blob_yellow .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_yellow_left.png) } .carousel-cell.blob_yellow .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_yellow_right.png); } .carousel-cell.blob_yellow .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_yellow_small_left.png) } .carousel-cell.blob_yellow .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_yellow_small_right.png) } .carousel-cell.blob_blue .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_left.png) } .carousel-cell.blob_blue .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_blue_right.png); } .carousel-cell.blob_blue .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_blue_small_left.png) } .carousel-cell.blob_blue .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_blue_small_right.png) } .carousel-cell.blob_red .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_left.png) } .carousel-cell.blob_red .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_red_right.png); } .carousel-cell.blob_red .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_red_small_left.png) } .carousel-cell.blob_red .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_red_small_right.png) } .carousel-cell.blob_purple .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_purple_left.png) } .carousel-cell.blob_purple .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_purple_right.png); } .carousel-cell.blob_purple .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_purple_small_left.png) } .carousel-cell.blob_purple .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_purple_small_right.png) } .carousel-cell.blob_green .carousel-cell-container { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_left.png) } .carousel-cell.blob_green .carousel-cell-container.reverse { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_green_right.png); } .carousel-cell.blob_green .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_green_small_left.png) } .carousel-cell.blob_green .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_green_small_right.png) } .carousel-cell.bkgd_blue { background-color: #3f8aa9 } .carousel-cell.bkgd_green { background-color: #0f6852 } .carousel-cell.bkgd_pink { background-color: #B394D6 /* #dea1a5 */ } .carousel-cell.bkgd_purple { background-color: var(--light-pink-bkgd) } .carousel-cell.bkgd_red { background-color: #d31718 } .carousel-cell.bkgd_yellow { background-color: #fac857 } .carousel-cell-container .carousel-graphic { width: 36%; text-align: center } .carousel-cell-container.reverse .carousel-graphic { padding-right: 6vw; text-align: center } .carousel-cell-container .carousel-graphic img { max-width: 26vw; padding: 4vh 2vw } .carousel-cell-container .carousel-text { background-size: 50% 100%; background-position: 180% center;width: 64%; padding: 3vh 6vw 4vh 9vw; color: #FFF; width: 64%; padding: 3vh 6vw 4vh 9vw; } .carousel-cell-container.reverse .carousel-text { background-image: url(/wp-content/themes/wif/images/home_hero_slideshow_blob_pink_small_left.png); background-position: -78% center; } .carousel-text a { color: #FFF!important; } .carousel-text h2 { font-size: 6.66vw; line-height: .9em; margin: 0; } .carousel-text h3 { /* background: url(/wp-content/themes/wif/images/dividerLineYellow.svg); */ background-position: bottom; background-repeat: no-repeat; padding-bottom: .46em; margin-bottom: 1em; display: inline-block; font-size: .67em; } .carousel-text .btn { margin-top: 1em; } @media screen and (max-width:479px) { .carousel-text h2 { font-size: 9vw } } /* ADA compliance */ .carousel__cell .link { display: none; } .carousel__cell .is-selected.link, .carousel__cell .is-selected.link .link { display: block; } /* disable links and inputs in all cells */ .carousel-cell a, .carousel-cell input { display: none; } /* enable links and inputs in selected cell */ .carousel-cell.is-selected a, .carousel-cell.is-selected input { display: inline; } /* end ADA compliance */ .hamburger{top:1.6%;top:.66vh;text-align:right;left:auto;right:0;position:absolute;padding:5px 15px;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#221432}.hamburger-box{width:36px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:3px;background-color:#FFFFFF;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease} header.stickyHeader .hamburger-inner,header.stickyHeader .hamburger-inner::after,header.stickyHeader .hamburger-inner::before{width:30px;height:3px;background-color:#221432;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease} .hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)} .site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex;line-height: 1.2;font-family:'Roboto',sans-serif;font-weight: normal;margin: 3% auto;}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.page,.post{margin:0}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block} /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts//roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('fonts//roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('fonts//roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts//roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts//roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('fonts//roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts//roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts//roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts//roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts//roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts//roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts//roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts//roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts//roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts//roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts//roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /** * @license * MyFonts Webfont Build ID 3903130, 2020-05-14T21:41:10-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Grillmaster-WideMedium by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/wide-medium/ * * Webfont: Grillmaster-ExtWideBlack by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/extra-wide-black/ * * Webfont: Grillmaster-Thin by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/regular-thin/ * * Webfont: Grillmaster-Regular by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/regular/ * * Webfont: Grillmaster-Bold by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/regular-bold/ * * Webfont: GrillmasterCond-Regular by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/condensed-regular/ * * Webfont: GrillmasterCond-ExtraBold by FontMesa * URL: https://www.myfonts.com/fonts/fontmesa/grillmaster/condensed-extra-bold/ * * * Webfonts copyright: Copyright (c) 2016 by Michael Hagemann www.fontmesa.com. All rights reserved. * * © 2020 MyFonts Inc */ @font-face { font-family: 'Grillmaster-Thin'; src: url('fonts/Grillmaster-Thin/font.woff2') format('woff2'), url('webFonts/Grillmaster-Thin/font.woff') format('woff'); } @font-face { font-family: 'Grillmaster-ExtWideBlack'; src: url('fonts/Grillmaster-ExtWideBlack/font.woff2') format('woff2'), url('webFonts/Grillmaster-ExtWideBlack/font.woff') format('woff'); } @font-face { font-family: 'Grillmaster-Regular'; src: url('fonts/Grillmaster-Regular/font.woff2') format('woff2'), url('webFonts/Grillmaster-Regular/font.woff') format('woff'); } @font-face { font-family: 'GrillmasterCond-ExtraBold'; src: url('fonts/GrillmasterCond-ExtraBold/font.woff2') format('woff2'), url('webFonts/GrillmasterCond-ExtraBold/font.woff') format('woff'); } @font-face { font-family: 'Grillmaster-Bold'; src: url('fonts/Grillmaster-Bold/font.woff2') format('woff2'), url('webFonts/Grillmaster-Bold/font.woff') format('woff'); } @font-face { font-family: 'GrillmasterCond-Regular'; src: url('fonts/GrillmasterCond-Regular/font.woff2') format('woff2'), url('webFonts/GrillmasterCond-Regular/font.woff') format('woff'); } @font-face { font-family: 'Grillmaster-WideMedium'; src: url('fonts/Grillmaster-WideMedium/font.woff2') format('woff2'), url('webFonts/Grillmaster-WideMedium/font.woff') format('woff'); } /* ============== PIE CHART ===============*/ /* CSS Progress Pie by Olivia Ng | MIT License | github.com/oliviale/css-progress-pie*/ .progress-pie{width:60px;height:60px;border-radius:50%;background:#eee;background-image:-webkit-linear-gradient(left,transparent 50%,#4CC9D8 0);background-image:linear-gradient(to right,transparent 50%,#4CC9D8 0);position:relative;display:inline-block;margin:10px}.progress-pie::before{content:'';display:block;margin-left:50%;height:100%;border-radius:0 100% 100% 0/50%;background-color:inherit;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.progress-pie::after{content:attr(data-value);position:absolute;width:70%;height:70%;margin:auto;border-radius:50%;background-color:#fff;left:0;right:0;top:0;bottom:0;text-align:center;font:900 20px/41px Tahoma}.progress-pie[data-value="0"]:before{-webkit-transform:rotate(0turn);-ms-transform:rotate(0turn);transform:rotate(0turn)}.progress-pie[data-value="1"]:before{-webkit-transform:rotate(.01turn);-ms-transform:rotate(.01turn);transform:rotate(.01turn)}.progress-pie[data-value="2"]:before{-webkit-transform:rotate(.02turn);-ms-transform:rotate(.02turn);transform:rotate(.02turn)}.progress-pie[data-value="3"]:before{-webkit-transform:rotate(.03turn);-ms-transform:rotate(.03turn);transform:rotate(.03turn)}.progress-pie[data-value="4"]:before{-webkit-transform:rotate(.04turn);-ms-transform:rotate(.04turn);transform:rotate(.04turn)}.progress-pie[data-value="5"]:before{-webkit-transform:rotate(.05turn);-ms-transform:rotate(.05turn);transform:rotate(.05turn)}.progress-pie[data-value="6"]:before{-webkit-transform:rotate(.06turn);-ms-transform:rotate(.06turn);transform:rotate(.06turn)}.progress-pie[data-value="7"]:before{-webkit-transform:rotate(.07turn);-ms-transform:rotate(.07turn);transform:rotate(.07turn)}.progress-pie[data-value="8"]:before{-webkit-transform:rotate(.08turn);-ms-transform:rotate(.08turn);transform:rotate(.08turn)}.progress-pie[data-value="9"]:before{-webkit-transform:rotate(.09turn);-ms-transform:rotate(.09turn);transform:rotate(.09turn)}.progress-pie[data-value="10"]:before{-webkit-transform:rotate(.1turn);-ms-transform:rotate(.1turn);transform:rotate(.1turn)}.progress-pie[data-value="11"]:before{-webkit-transform:rotate(.11turn);-ms-transform:rotate(.11turn);transform:rotate(.11turn)}.progress-pie[data-value="12"]:before{-webkit-transform:rotate(.12turn);-ms-transform:rotate(.12turn);transform:rotate(.12turn)}.progress-pie[data-value="13"]:before{-webkit-transform:rotate(.13turn);-ms-transform:rotate(.13turn);transform:rotate(.13turn)}.progress-pie[data-value="14"]:before{-webkit-transform:rotate(.14turn);-ms-transform:rotate(.14turn);transform:rotate(.14turn)}.progress-pie[data-value="15"]:before{-webkit-transform:rotate(.15turn);-ms-transform:rotate(.15turn);transform:rotate(.15turn)}.progress-pie[data-value="16"]:before{-webkit-transform:rotate(.16turn);-ms-transform:rotate(.16turn);transform:rotate(.16turn)}.progress-pie[data-value="17"]:before{-webkit-transform:rotate(.17turn);-ms-transform:rotate(.17turn);transform:rotate(.17turn)}.progress-pie[data-value="18"]:before{-webkit-transform:rotate(.18turn);-ms-transform:rotate(.18turn);transform:rotate(.18turn)}.progress-pie[data-value="19"]:before{-webkit-transform:rotate(.19turn);-ms-transform:rotate(.19turn);transform:rotate(.19turn)}.progress-pie[data-value="20"]:before{-webkit-transform:rotate(.2turn);-ms-transform:rotate(.2turn);transform:rotate(.2turn)}.progress-pie[data-value="21"]:before{-webkit-transform:rotate(.21turn);-ms-transform:rotate(.21turn);transform:rotate(.21turn)}.progress-pie[data-value="22"]:before{-webkit-transform:rotate(.22turn);-ms-transform:rotate(.22turn);transform:rotate(.22turn)}.progress-pie[data-value="23"]:before{-webkit-transform:rotate(.23turn);-ms-transform:rotate(.23turn);transform:rotate(.23turn)}.progress-pie[data-value="24"]:before{-webkit-transform:rotate(.24turn);-ms-transform:rotate(.24turn);transform:rotate(.24turn)}.progress-pie[data-value="25"]:before{-webkit-transform:rotate(.25turn);-ms-transform:rotate(.25turn);transform:rotate(.25turn)}.progress-pie[data-value="26"]:before{-webkit-transform:rotate(.26turn);-ms-transform:rotate(.26turn);transform:rotate(.26turn)}.progress-pie[data-value="27"]:before{-webkit-transform:rotate(.27turn);-ms-transform:rotate(.27turn);transform:rotate(.27turn)}.progress-pie[data-value="28"]:before{-webkit-transform:rotate(.28turn);-ms-transform:rotate(.28turn);transform:rotate(.28turn)}.progress-pie[data-value="29"]:before{-webkit-transform:rotate(.29turn);-ms-transform:rotate(.29turn);transform:rotate(.29turn)}.progress-pie[data-value="30"]:before{-webkit-transform:rotate(.3turn);-ms-transform:rotate(.3turn);transform:rotate(.3turn)}.progress-pie[data-value="31"]:before{-webkit-transform:rotate(.31turn);-ms-transform:rotate(.31turn);transform:rotate(.31turn)}.progress-pie[data-value="32"]:before{-webkit-transform:rotate(.32turn);-ms-transform:rotate(.32turn);transform:rotate(.32turn)}.progress-pie[data-value="33"]:before{-webkit-transform:rotate(.33turn);-ms-transform:rotate(.33turn);transform:rotate(.33turn)}.progress-pie[data-value="34"]:before{-webkit-transform:rotate(.34turn);-ms-transform:rotate(.34turn);transform:rotate(.34turn)}.progress-pie[data-value="35"]:before{-webkit-transform:rotate(.35turn);-ms-transform:rotate(.35turn);transform:rotate(.35turn)}.progress-pie[data-value="36"]:before{-webkit-transform:rotate(.36turn);-ms-transform:rotate(.36turn);transform:rotate(.36turn)}.progress-pie[data-value="37"]:before{-webkit-transform:rotate(.37turn);-ms-transform:rotate(.37turn);transform:rotate(.37turn)}.progress-pie[data-value="38"]:before{-webkit-transform:rotate(.38turn);-ms-transform:rotate(.38turn);transform:rotate(.38turn)}.progress-pie[data-value="39"]:before{-webkit-transform:rotate(.39turn);-ms-transform:rotate(.39turn);transform:rotate(.39turn)}.progress-pie[data-value="40"]:before{-webkit-transform:rotate(.4turn);-ms-transform:rotate(.4turn);transform:rotate(.4turn)}.progress-pie[data-value="41"]:before{-webkit-transform:rotate(.41turn);-ms-transform:rotate(.41turn);transform:rotate(.41turn)}.progress-pie[data-value="42"]:before{-webkit-transform:rotate(.42turn);-ms-transform:rotate(.42turn);transform:rotate(.42turn)}.progress-pie[data-value="43"]:before{-webkit-transform:rotate(.43turn);-ms-transform:rotate(.43turn);transform:rotate(.43turn)}.progress-pie[data-value="44"]:before{-webkit-transform:rotate(.44turn);-ms-transform:rotate(.44turn);transform:rotate(.44turn)}.progress-pie[data-value="45"]:before{-webkit-transform:rotate(.45turn);-ms-transform:rotate(.45turn);transform:rotate(.45turn)}.progress-pie[data-value="46"]:before{-webkit-transform:rotate(.46turn);-ms-transform:rotate(.46turn);transform:rotate(.46turn)}.progress-pie[data-value="47"]:before{-webkit-transform:rotate(.47turn);-ms-transform:rotate(.47turn);transform:rotate(.47turn)}.progress-pie[data-value="48"]:before{-webkit-transform:rotate(.48turn);-ms-transform:rotate(.48turn);transform:rotate(.48turn)}.progress-pie[data-value="49"]:before{-webkit-transform:rotate(.49turn);-ms-transform:rotate(.49turn);transform:rotate(.49turn)}.progress-pie[data-value="50"]:before{-webkit-transform:rotate(.5turn);-ms-transform:rotate(.5turn);transform:rotate(.5turn)}.progress-pie[data-value="51"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.01turn);-ms-transform:rotate(.01turn);transform:rotate(.01turn)}.progress-pie[data-value="52"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.02turn);-ms-transform:rotate(.02turn);transform:rotate(.02turn)}.progress-pie[data-value="53"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.03turn);-ms-transform:rotate(.03turn);transform:rotate(.03turn)}.progress-pie[data-value="54"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.04turn);-ms-transform:rotate(.04turn);transform:rotate(.04turn)}.progress-pie[data-value="55"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.05turn);-ms-transform:rotate(.05turn);transform:rotate(.05turn)}.progress-pie[data-value="56"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.06turn);-ms-transform:rotate(.06turn);transform:rotate(.06turn)}.progress-pie[data-value="57"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.07turn);-ms-transform:rotate(.07turn);transform:rotate(.07turn)}.progress-pie[data-value="58"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.08turn);-ms-transform:rotate(.08turn);transform:rotate(.08turn)}.progress-pie[data-value="59"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.09turn);-ms-transform:rotate(.09turn);transform:rotate(.09turn)}.progress-pie[data-value="60"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.1turn);-ms-transform:rotate(.1turn);transform:rotate(.1turn)}.progress-pie[data-value="61"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.11turn);-ms-transform:rotate(.11turn);transform:rotate(.11turn)}.progress-pie[data-value="62"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.12turn);-ms-transform:rotate(.12turn);transform:rotate(.12turn)}.progress-pie[data-value="63"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.13turn);-ms-transform:rotate(.13turn);transform:rotate(.13turn)}.progress-pie[data-value="64"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.14turn);-ms-transform:rotate(.14turn);transform:rotate(.14turn)}.progress-pie[data-value="65"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.15turn);-ms-transform:rotate(.15turn);transform:rotate(.15turn)}.progress-pie[data-value="66"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.16turn);-ms-transform:rotate(.16turn);transform:rotate(.16turn)}.progress-pie[data-value="67"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.17turn);-ms-transform:rotate(.17turn);transform:rotate(.17turn)}.progress-pie[data-value="68"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.18turn);-ms-transform:rotate(.18turn);transform:rotate(.18turn)}.progress-pie[data-value="69"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.19turn);-ms-transform:rotate(.19turn);transform:rotate(.19turn)}.progress-pie[data-value="70"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.2turn);-ms-transform:rotate(.2turn);transform:rotate(.2turn)}.progress-pie[data-value="71"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.21turn);-ms-transform:rotate(.21turn);transform:rotate(.21turn)}.progress-pie[data-value="72"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.22turn);-ms-transform:rotate(.22turn);transform:rotate(.22turn)}.progress-pie[data-value="73"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.23turn);-ms-transform:rotate(.23turn);transform:rotate(.23turn)}.progress-pie[data-value="74"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.24turn);-ms-transform:rotate(.24turn);transform:rotate(.24turn)}.progress-pie[data-value="75"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.25turn);-ms-transform:rotate(.25turn);transform:rotate(.25turn)}.progress-pie[data-value="76"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.26turn);-ms-transform:rotate(.26turn);transform:rotate(.26turn)}.progress-pie[data-value="77"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.27turn);-ms-transform:rotate(.27turn);transform:rotate(.27turn)}.progress-pie[data-value="78"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.28turn);-ms-transform:rotate(.28turn);transform:rotate(.28turn)}.progress-pie[data-value="79"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.29turn);-ms-transform:rotate(.29turn);transform:rotate(.29turn)}.progress-pie[data-value="80"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.3turn);-ms-transform:rotate(.3turn);transform:rotate(.3turn)}.progress-pie[data-value="81"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.31turn);-ms-transform:rotate(.31turn);transform:rotate(.31turn)}.progress-pie[data-value="82"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.32turn);-ms-transform:rotate(.32turn);transform:rotate(.32turn)}.progress-pie[data-value="83"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.33turn);-ms-transform:rotate(.33turn);transform:rotate(.33turn)}.progress-pie[data-value="84"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.34turn);-ms-transform:rotate(.34turn);transform:rotate(.34turn)}.progress-pie[data-value="85"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.35turn);-ms-transform:rotate(.35turn);transform:rotate(.35turn)}.progress-pie[data-value="86"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.36turn);-ms-transform:rotate(.36turn);transform:rotate(.36turn)}.progress-pie[data-value="87"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.37turn);-ms-transform:rotate(.37turn);transform:rotate(.37turn)}.progress-pie[data-value="88"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.38turn);-ms-transform:rotate(.38turn);transform:rotate(.38turn)}.progress-pie[data-value="89"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.39turn);-ms-transform:rotate(.39turn);transform:rotate(.39turn)}.progress-pie[data-value="90"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.4turn);-ms-transform:rotate(.4turn);transform:rotate(.4turn)}.progress-pie[data-value="91"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.41turn);-ms-transform:rotate(.41turn);transform:rotate(.41turn)}.progress-pie[data-value="92"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.42turn);-ms-transform:rotate(.42turn);transform:rotate(.42turn)}.progress-pie[data-value="93"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.43turn);-ms-transform:rotate(.43turn);transform:rotate(.43turn)}.progress-pie[data-value="94"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.44turn);-ms-transform:rotate(.44turn);transform:rotate(.44turn)}.progress-pie[data-value="95"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.45turn);-ms-transform:rotate(.45turn);transform:rotate(.45turn)}.progress-pie[data-value="96"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.46turn);-ms-transform:rotate(.46turn);transform:rotate(.46turn)}.progress-pie[data-value="97"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.47turn);-ms-transform:rotate(.47turn);transform:rotate(.47turn)}.progress-pie[data-value="98"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.48turn);-ms-transform:rotate(.48turn);transform:rotate(.48turn)}.progress-pie[data-value="99"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.49turn);-ms-transform:rotate(.49turn);transform:rotate(.49turn)}.progress-pie[data-value="100"]:before{background-color:#4CC9D8;-webkit-transform:rotate(.5turn);-ms-transform:rotate(.5turn);transform:rotate(.5turn)} .circular-chart { display: block; margin: 10px auto; max-width: 80%; max-height: 250px; } .circle-bg { fill: none; stroke: #4096b4; stroke-width: 4; } .circle { fill: none; stroke-width: 4; stroke-linecap: square; } .circle.animating { animation: progress 1s ease-out forwards; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } .circular-chart .circle { stroke: #dba6ac; } .percentage { fill: #006451; font-family: sans-serif; font-size: 0.4em; text-anchor: middle; } /* ==== GRID SYSTEM ==== */ .container{width:90%;margin-left:auto;margin-right:auto}.row{position:relative;width:100%}.row [class^=col-]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:90%}}@media only screen and (min-width:768px){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:90%;max-width:80rem}} .row [class*=col-inline] { float: none; display: inline-block; vertical-align: top; margin-top: 2.33%; } /* used on page-program-film-finishing-fund.php */ .col-inline.inline-middle { vertical-align: middle; } .teamMembers>div { margin-top: 2.33%!important; text-align: left; line-height: 1.2;} button:focus, input:focus, select:focus, textarea:focus, a:focus { outline: none; border: 0;} .nowrap { white-space: nowrap!important; } .clearfix::after { content: ""; clear: both; display: table; } .textRight { text-align: right; } .textCenter { text-align: center; margin-left: auto; margin-right: auto; } .hidden { position: absolute; left: -99999px; } div.collapsed { display: none; } span.collapsed:after { content: '+'; margin-left: .2em; display: inline-block;} span.expanded:after { content: '-'; margin-left: .2em; display: inline-block; } .expander { cursor: pointer; } .readMoreText { display: none; } .readMore, .less { text-align: center; display: block; margin: .37em auto 1em; cursor: pointer; font-size: .93em; text-transform: uppercase; letter-spacing: .06em;} .videoResponsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} .videoResponsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .max660px { max-width: 660px; margin-right: auto!important; margin-left: auto!important; } .max720px { max-width: 720px; margin-right: auto!important; margin-left: auto!important; } .max760px { max-width: 760px; margin-right: auto!important; margin-left: auto!important; } .max880px { max-width: 880px; margin-right: auto!important; margin-left: auto!important; } .max900px { max-width: 900px; margin-right: auto!important; margin-left: auto!important; } .max960px { max-width: 960px; margin-right: auto!important; margin-left: auto!important; } .max1140px { max-width: 1140px; margin-right: auto!important; margin-left: auto!important; } .max100, .maxFullWidth { max-width: 100%; } .underline { text-decoration: underline!important;} .outline { -webkit-text-stroke: 1px #221432; -webkit-text-fill-color: white; } #ourTeam .outline:hover { -webkit-text-fill-color: #221432;} #ourTeam { text-align: center; } img { width: 100%; line-height: 0; } body { font-family: 'Roboto', sans-serif; font-weight: 300; color: #221432; } body.noScroll { overflow: hidden!important; } /* when stickyNav toggle */ h1, h2, h3, h4, h5, h6 { letter-spacing: 0.01em; margin: 0 auto 0.3em 0; line-height: 1.3} h1.page-title { margin-bottom: .2em; line-height: .88; font-size: 2.27em; text-transform: uppercase } h2.page-tagline { font-size: 1.17em; max-width: 440px; line-height: 1.2; margin-top: .33em; font-weight: normal; } #hero header h3 { margin-bottom: 0.3em;line-height: 1.62; font-size: 13px; letter-spacing: .09em; } #hero .post-thumbnail { margin-bottom: .6em; } bold, strong { font-weight: 600; /* font-family: 'Grillmaster-Bold', Arial, sans-serif; font-weight: normal; */ } .robotoBold { font-family: 'Roboto', sans-serif; font-weight: 700; } .grillMasterNormal { font-family: 'Grillmaster-Regular', Arial, sans-serif; font-weight: normal; } .grillMasterBold { font-family: 'Grillmaster-Bold', Arial, sans-serif; font-weight: normal; } .grillMasterCondensedRegular { font-family: 'GrillmasterCond-Regular', Arial, sans-serif; font-weight: normal; } .grillMasterCondensedExtraBold { font-family: 'GrillmasterCond-ExtraBold', Arial, sans-serif; font-weight: normal; } .grillMasterExtraWideBlack { font-family: 'Grillmaster-ExtWideBlack', Arial, sans-serif!important; font-weight: normal; letter-spacing: 0em; } .grillMasterWideMedium { font-family: 'Grillmaster-WideMedium', Arial, sans-serif!important; font-weight: normal; letter-spacing: 0.04em; } .pinkUnderline:after { content: ''; background: url(/wp-content/themes/wif/images/dividerLinePink.svg); background-position: center; background-repeat: no-repeat; padding-bottom: .49em; display: block; width: auto; } .yellowUnderline:after { content: ''; background: url(/wp-content/themes/wif/images/dividerLineYellow.svg); background-position: center; background-repeat: no-repeat; padding-bottom: .49em; display: block; width: auto; } .yellowUnderlineShort:after { content: ''; background: url(/wp-content/themes/wif/images/dividerLineYellowShort.svg); background-position: center; background-repeat: no-repeat; padding-bottom: .49em; display: block; width: auto; } a:link, a:visited { color: #221432; text-decoration: none; transition: color .33s ease-in-out } a:hover { color: /*#116953*/ #B394D6; transition: color .2s ease-in-out } .site-main a:link:not(.magnificPopup) { text-decoration: underline; } .btn { text-transform: uppercase; background: #221432; border: 1px solid #221432; padding: 1em 1.8em; color: #FFF; border-radius: 0; float: none; display: block; transition: color .2s ease-in-out; font-size: .8rem; line-height: 1; font-family: 'Grillmaster-WideMedium', Arial, sans-serif; letter-spacing: .04em;} .btn.inline { display: inline-block; } .btn.createProgramButton { padding: 0; } .btn.createProgramButton a { padding: 1em 1.8em; display: block; } .btn a { color: #FFF; letter-spacing: 0.08em; font-size: .88em; line-height: 1; text-decoration: none!important; padding: 1em 0;} .btn:hover {background: #FFFFFF; border: 1px solid #FFF; color: #221432; transition: color .2s ease-in-out } .btn.transparent { background: transparent; color: #221432; border: 1px solid #221432; } .btn.transparent a { color: #221432; } .btn.transparent:hover { background: #221432; } .btn.transparent:hover a { color: #FFFF} body.home header:not(.stickyHeader) .btn.transparent, body:not(.page-template-page-help-line) header:not(.stickyHeader) .btn.transparent { border: 1px solid #FFF; } body.home header:not(.stickyHeader) .btn.transparent a, body:not(.page-template-page-help-line) header:not(.stickyHeader) .btn.transparent a { color: #FFF; } body.home header:not(.stickyHeader) .btn.transparent:hover, header.site-header:not(.stickyHeader) > nav#global-navigation.hero_bkgd_Purple .btn.transparent:hover { border: 1px solid #B394D6; background: #B394D6!important } body.home header:not(.stickyHeader) .btn.transparent:hover a { color: #221432; } .btn.purple { background: #221432; color: #B394D6; border-color: #221432 } .btn.blue { background: #3e89a9;border-color: #3e89a9; } .btn.blue a {color: #FFF; text-decoration: none; } .btn.pink { background: var(--light-purple-bkgd); /* var(--light-blue-bkgd); */ /* #f9b4ad;*/; } .btn.red { background: #d32027; } .btn.red a, .btn.purple a { color: #FFF; /*f9b4ad;*/ } .btn.blue:hover { background: #BDE0FF; color: #221432;border-color: #BDE0FF } .btn.blue:hover a { color: #221432; } .btn.purple:hover { background: #BDE0FF; border-color: #BDE0FF } .btn.purple:hover a { color: #221432; } .btn.yellow { background: #f9c756;border-color: #f9c756;color: #000; } .btn.yellow:hover { background: #FFF; color: #f9c756; border-color: #FFF } .lightPinkBkgd { background-color: var(--light-pink-bkgd); } .purpleBkgd { background-color: var(--dark-purple-bkgd); color: #FFF;} .purpleBkgd a:link { color: #FFF; } .purpleBkgd a:hover { color: #B394D6; } .pinkBkgd { background-color: var(--light-purple-bkgd)!important; } /* #fef0ed!important; */ .pink { color: var(--pink); } .purple { color: --var(--dark-purple-bkgd); } .gold { color: #ffc845; } .red { color: #c6202a; } .green, a.green { color: #221432!important; /* #006649!important; */ } .lightTurquoise, a.lightTurquoise { color: #FEF9EF!important; } .lightTurquoiseBkgd { color: var(--dark-purple-bkgd); background-color: #FEF9EF; /*F2F2F2*//*#e7f0ed*/ } .blue, a.blue { color: #221432!important; /*#3e89a9!important;*/ } .blueBkgd { background-color: #3F8AA9/*BDE0FF*//*#3e89a9*/; color:#FFFFFF; /*#221432; */} .blueBkgd a { color: #FFFFFF; text-decoration: underline; } .blueBkgd a:hover { color: #FFA15A;} .blueBkgd .wp-button a, .blueBkgd .wp-block-button a.wp-block-button__link { color: #FFF!important; } a.wp-block-button__link { color: #FFF!important; text-decoration: none!important; } .white { color: #FFF; } .whiteBkgd { background-color: #FFF; } .top-navigation { position: absolute; top: 2%; top: .69em; right: auto; text-align: center; left: 42%; width: auto } .top-navigation button { display: inline-block; margin-right: .87em; padding: .3em .5em; } .top-navigation button.desktopOnly { display: none; } .top-navigation button:last-child { margin-right: 0; } .main-navigation{display:block; right: 0; top: 0; position: absolute;} .main-navigation ul{display:none;list-style:none;margin:3px 0 0 0;padding-left:0; } .main-navigation ul.nav-menu { opacity: 0; transition: opacity 0.3s ease-in-out;} .main-navigation ul ul{ display: none; top:100%;z-index:99999;margin-left:0px;padding:12px;margin-top:0;display:block;background: var(--bright-yellow-bkgd);} .main-navigation ul ul ul{left:-999em;top:0} .main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto} .main-navigation ul ul a { margin-bottom: 9px; } .main-navigation ul ul a, .main-navigation ul li:hover a { /*width:130px; */ white-space: nowrap; color: #221432!important; } .main-navigation ul li.last-item>ul{ margin-left: -6px; padding-left: 6px; padding-right: 12px; } .main-navigation ul li.last-item>ul a { width: 150px; padding-right: 2px; } /* last subnav link is wider to fit "Become a Member" on one line */ .main-navigation a { font-family:'Grillmaster-WideMedium',Arial,sans-serif;display:block;text-decoration:none;font-size:.88em;letter-spacing:.04em; line-height: 1.4;} body.home .main-navigation a, nav.main-navigation.hero_bkgd_Purple a, nav.main-navigation.hero_bkgd_ a {color: #FFF;} body.home header:not(.stickyHeader) .hamburger-inner, body.home header:not(.stickyHeader) .hamburger-inner::after, body.home header:not(.stickyHeader) .hamburger-inner::before{background-color: #FFF;} .main-navigation ul.nav-menu>li:not(.current-menu-parent)>a {text-transform:uppercase; border-bottom: 1px solid transparent;} li.current-menu-item>a, li.current-menu-parent>a { /* text-decoration: underline */ border-bottom: 1px solid; display: inline-block; padding-bottom: 4px; } #footer li.current-menu-item>a, #footer li.current-menu-parent>a { border-bottom: none; color: #FFF; } .main-navigation li{position:relative} .main-navigation.toggled > div.menu-primary-menu-container > ul, .menu-toggle{display:block} body.home .main-navigation.toggled a, body.home .main-navigation.toggled li:not(.mobileOnly) a, body.home header.stickyHeader .main-navigation a, body.home .main-navigation ul li:hover a {color: #221432;} body.home .main-navigation.toggled li.mobileOnly a, body.page-template-page-about header:not(.stickyHeader) .main-navigation a, body.page-template-page-our-team header:not(.stickyHeader) .main-navigation a, body.page-template-page-change header:not(.stickyHeader) .main-navigation a, body.page-template-page-flexible-content header:not(.stickyHeader) .main-navigation a, body.page-template-page-career header:not(.stickyHeader) .main-navigation a, body.page-template-page-community header:not(.stickyHeader) .main-navigation a, body.page-template-page-become-a-member header:not(.stickyHeader) .main-navigation a, body.page-template-page-contact header:not(.stickyHeader) .main-navigation a { color: #FFF; } header.stickyHeader .main-navigation a { color: #000; } header.stickyHeader .main-navigation .mobileOnly a { color: #FFF!important; } .main-navigation.toggled ul.nav-menu { padding-bottom: 12%; padding-bottom: 12vh; margin-top: 66px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; display: flex; flex-direction: column; justify-content: space-around; text-align: center; background: #f9b4ad; background: var(--bright-yellow-bkgd); overflow: scroll; opacity: 1; transition: opacity 0.3s ease-in-out; } .main-navigation.toggled ul.nav-menu li { margin-top: 12px; } @media screen and (min-width:48em){ .main-navigation ul.nav-menu { opacity: 1; transition: opacity 0.3s ease-in-out; } .main-navigation ul.nav-menu li { margin-top: 9px; } .main-navigation ul ul a { margin-bottom: 0 } .main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto} .main-navigation ul li.rightAlign:hover>ul{left:auto; right: 0; } .main-navigation ul li.last-item:hover>ul{ text-align: right; right: 0; left: auto;} /* .last item is the last item visible on desktop and is right aligned and has less padding left */ .menu-toggle{display:none}.main-navigation ul{display:flex} .main-navigation {right: 2%; top: 2.5em; position: absolute; } .main-navigation ul.nav-menu>li{position:relative;/* margin-left:1em;margin-left: 2vw;margin-top: 1em*/ padding: 6px 8px 5px;} .main-navigation li.last-item {margin-right: -12px} .main-navigation ul.nav-menu>li{margin-top: 0;} .main-navigation ul ul{float:left;position:absolute;top:100%;left:-999em;z-index:99999;margin-left:-8px;padding:12px;margin-top:0;display:block;background: var(--bright-yellow-bkgd);} .main-navigation ul ul li { display: block; float: none; margin-top: 1em;} .main-navigation ul ul li:first-child { margin-top: .2em; } .main-navigation ul.nav-menu>li:hover { background: var(--bright-yellow-bkgd) } } @media screen and (min-width:900px){ .main-navigation ul.nav-menu>li { padding: 8px 12px 6px 12px;} .main-navigation ul ul { margin-left: -12px; padding-left: 12px; } } #hero, #primary { opacity: 0; } /* header */ .site-header:not(.sticky-header) .site-title a { background-image: url('/wp-content/themes/wif/images/WIF_Ivory_RGB.png'); } .site-title a { background-image: url('/wp-content/themes/wif/images/WIF_DeepPurple_RGB.png'); background-repeat: no-repeat; background-position: left; background-size: contain; height: 110px; height: auto; display: block; width: 110px; width: 10vw; min-width: 60px; min-height: 60px; max-width: 140px; max-height: 140px; } header.site-header { padding: 4px 2% 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; line-height: 1; background: linear-gradient(180deg, rgba(33,19,49,0.5088629201680672) 0%, rgba(33,19,49,0) 100%); } header.site-header.stickyHeader { background: var(--ivory); padding-bottom: 0px; } .site-branding img { width: 160px; width: 12vw; min-width: 30px; opacity: 0;} .site-branding p, .site-branding h1 { margin: 4px 0 4px; } header.site-header.stickyHeader .site-title a { background: none; width: auto; height: auto; min-width: 0; min-height: 0; } header.site-header.stickyHeader .site-branding img { width: 108px; opacity: 1; transition: all .23s ease-in-out; } /* home */ #homeBanner { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 99vh; /* background: url(http://dev.womeninfilm.org/wp-content/uploads/2020/07/WIF_HomeHeroBanner_TiffanieHsu.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: 60% center;*/ } div#homeBanner:before { content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; /*background-image: url(http://dev.womeninfilm.org/wp-content/uploads/2020/07/WIF_HomeHeroBanner_TiffanieHsu.jpg); */ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 60% center; } #homeBanner .homeBannerText { position: absolute; color: #FFF; font-size: 2.67em; line-height: 1.3em; margin: 60px auto 0; padding-bottom: 30px; padding-right: 1em; padding-left: 1em; max-width: 760px; } @media screen and (max-width: 767px) { #homeBanner .homeBannerText { font-size: 2.27em; margin: 40px auto 0; padding-bottom: 20px; } } @media screen and (max-width: 639px) { #homeBanner .homeBannerText { font-size: 1.87em; margin: 40px auto 0; padding-bottom: 20px; } } @media screen and (max-width: 529px) { #homeBanner .homeBannerText { font-size: 1.6em; margin: 40px auto 0; padding-bottom: 20px; } } @media screen and (max-width: 479px) { #homeBanner .homeBannerText { font-size: 1.3em; margin: 40px auto 0; padding-bottom: 20px; } } @media screen and (max-width: 399px) { #homeBanner .homeBannerText { font-size: 1.12em; margin: 40px auto 0; padding-bottom: 20px; } } @media screen and (max-width: 321px) { #homeBanner .homeBannerText { font-size: 1em; margin: 40px auto 0; padding-bottom: 20px; } } a.postTitleLink { text-decoration: none; } h3.postTitle { font-size: 1.63em; line-height: 1.1; margin: 0.3em 0; } /* home callout */ #callouts { max-width: 960px; } .calloutContainer { display: flex; margin-bottom: 1em; } .callout h2 { font-size: 3.27em; line-height: .9; } .calloutTextColumn { width: 50%; padding: 1em 3% .5em; } .calloutImageColumn { width: 100%; } .calloutImageColumn img { opacity: 0; } .calloutTextColumn h2 { margin: 0; } .callout_headline { color: #FFF; font-size: 1.5em; color: #FFF; letter-spacing: .03em; line-height: 1; margin-top: .8em; } .calloutImage>img { opacity: 0; } .callout a { font-size: 80%; white-space: nowrap; } #updates.pinkBkgd { padding-bottom: 3vh; } .sectionTop { overflow: hidden; line-height: 0;position: relative; z-index: 0; overflow: hidden; } .sectionTopWave { width: 2652px; } .sectionTopWaveTop { margin-bottom: -50px; z-index: 0; width: 2652px; } #updates .sectionContent { margin: -8.5em auto 0; padding-bottom: 2em } h2.sectionHeader { font-size: 200%; margin: 0 auto 1em; text-align: center; position: relative; z-index: 99; line-height: 1; } h2.subSectionHeader { font-size: 140%; text-align: center; } h2.sectionHeader.topWave { padding-top: 4vh; font-size: 240%; line-height: 1; margin-bottom: 3vh;} img.sectionHeaderImage, svg.sectionHeaderImage { width: auto; height: 100%; max-height: 32px; } .flexibleContentProgram h2.sectionHeader { padding-bottom: 3%; } article .entry-content h2 { display: inline-block; font-family: 'Grillmaster-WideMedium', Arial, sans-serif; font-weight: normal; letter-spacing: 0.02em; font-size: 1.2em; line-height: 1.2 } article .entry-content h3 { font-family: 'Grillmaster-WideMedium', Arial, sans-serif; font-weight: normal; letter-spacing: 0.02em; font-size: 1.1em; margin-top: 2vh; } body:not(.single) article .entry-content { margin-top: 4%!important; } .lastSection { padding-bottom: 6vh; } #contact .lastSection { padding-top: 6vh; } #ourTeam .lastSection { padding-bottom: 13.6vh;} article .entry-content h2.sectionHeader.outline { font-size: 240%; line-height: 1; margin-top: 1em; margin-bottom: .3em; } /* updates (blog) */ body.archive article { margin-top: 4vh; } article.post.hentry ul li { margin-top: .666em; } /* ex: post-> FAQ */ .wp-block-column.press-releases p,.wp-block-column.press-releases h2 { margin-top: 3vh; } /* help line */ .helpLine_divider { background: none; height: 24px; width: 40px; margin-bottom: .67em; float: left; } #helpLineWidget { background: var(--light-background); padding: 5% 0 0%; padding-top: 5vh;} .helpLine_preTitle { font-size: 1.87em; margin: 0 0 0.2em; line-height: 1} .helpLine_h1 { font-size: 3.3em; margin: 0.123em 0 0; line-height: .8; letter-spacing: -0.02em; max-width: 960px; } .helpLineTitles { padding-right: 0%; display: inline-block; vertical-align: middle; float: none!important; } .helpLineTitles .pink { color: #c6202a } .helpLine_hoursTitle { margin-top: 1em; } .helpLine_days { font-size: 1.2em; line-height: 1; } .helpLineContent { display: inline-block; vertical-align: middle; float: none!important; } .helpLine_hours { font-size: 1.33em; } .helpLineFooter { margin-top: 1em; font-size: 1.87em; line-height: 1;border-bottom: 2px solid #FFF; } .helpLineFooter span { line-height: 1; } .helpLineFooter strong { white-space: nowrap; font-size: 1.1em } .helpLineHalf { display: block; float: left; margin-top: .8em} #stats { padding: 5% 0 5%; padding: 5vh 0 6vh; } .statsSource { margin-top: 1em; } .statTitle { text-transform: uppercase; } .statsTitle { font-size: 120%; margin-bottom: 1.87em!important; } /* helpLine page */ #sisterOrganizations .container { margin-top: 1.87em; } #entertainmentResources, #ourPartners { padding: 3vh 0; } img.supportedByLogo { margin: 1em auto 0; display: block; } /* become a member */ #wifPrograms { text-align: center; margin: 1em auto 3%; } #wifPrograms a { display: inline-block; text-align: center; margin: 0 1em; } .membershipLevelDivider { display: block; float: none; background-image: url(/wp-content/themes/wif/images/yellowLine.png); background-repeat: repeat-x; background-size:320px; background-position: left center; width: 80%; height: 24px; margin-top: 3%; margin-left: 10%; } .membershipLevels { margin-top: 3%; } .membershipLevels .subSectionImage { margin-bottom: 3vh; } .membershipLevels .flex-row:not(.membership_level_header) { margin-bottom: 3vh; } .membership_level { margin: 2% 0% 0% 0; width: 100%; background-color: /*#fef0ed*/ #eaddf4!important; padding: 2%;padding: 2% calc(2% + 6px) } .membership_level:nth-child(3) { margin-right: 0; } .membership_level_3col { width: 100%; background-color: /*#fef0ed*/ #eaddf4!important; padding: 0 2%; padding: 0 calc(2% + 6px) } .membership_level_2col { width: 100%; margin: 2% 0% 0; background-color: /*#fef0ed*/ #eaddf4!important; padding: 2%; padding: 2% calc(2% + 6px); } .membership_level_header .membership_level { width: 100%; margin: 0;padding-bottom: 0; } .membership_level button.btn { margin-top: 1vh; } .membershipButtons { margin: 2% auto 4%; } #membershipSupports { background: url(/wp-content/themes/wif/images/top_blob_pink.png) no-repeat top left /50%; } #membershipSupports{ padding: 3vh 0 0; } #sisterOrganizations { padding: 3vh 0; } #membershipSupports h3, #membershipSupports h4 { font-family: 'Grillmaster-ExtWideBlack'; } #membership { padding-top: 3vh; } .membershipLevels .membership_level ul { margin-bottom: .34em; } .membershipLevels .membership_level ul li { margin: .23em 0 0; font-size: .9em; } .membership_level p { font-size: .93em; } .membershipBenefits ul { margin: .6em 0 1.87em; } .membershipBenefits ul li { margin: .4em 0 .8em ; } /* film finishing fund */ .programDeadlines { padding: 3% 2.3% 1% 3%; margin-bottom: 6%!important; } .previousProgramWinner { line-height: 1.1; text-align: left; } .previousProgramCredits { font-size: 80%; line-height: 1.1em; text-align: left;} .previousProgramCategory { margin: 3% auto 1%; } .flexibleContentProgram { margin-top: 1.3%; clear: both; } .flexibleVideo { margin-top: 3%; clear: both; } .videoGridItemDescription { line-height: 1.2; margin: .66em auto .99em; font-size: .9em; } .col-6-flex { width: 50%; } /* page */ #hero { /* border-bottom: 8px solid #fac857; */ position: relative; background: #FEF9EF url(images/heroBkgd.gif) repeat-y; background-position: 0% 100%; background-size: 100%; width: 100%; /* max-width: 1280px; */ overflow: hidden; margin: 0 auto; padding: 6% 0 2%; padding: 9em 0 4vh; min-height: 230px; } #hero.hero-default { background: var(--dark-purple-bkgd); color: #FFF; } #hero header.entry-header { max-width: 600px; margin: 0 auto;} /*body.single #hero header.entry-header { margin: 0 auto; padding-left: 40%; text-align: left; }*/ .hero-col-4 { display: inline-block; width: 37.5%; padding: 0 2%; vertical-align: middle } .hero-col-6 { display: inline-block; width: 50%; padding: 0 2%; vertical-align: middle } .hero-col-8 { display: inline-block; width: 62.5%; padding: 0 2%; vertical-align: middle } .hero-col-12 { display: inline-block; text-align: center; width: 100%; padding: 0 2%; vertical-align: middle } .hero-col-12 h2.page-tagline { margin-left: auto; } .hero-icon { max-width: 300px; margin: 0 auto; } body.page-template-page-help-line #hero { background: var(--light-background); padding: 6em 0 0 } body.page-template-page-help-line #hero #helpLineWidget { padding-top: 2%; padding-top: 1.2vh; } body.page-template-page-about, body.page-template-page-change, body.page-template-page-career, body.page-template-page-help-line { background: #FEF9EF; } body.page-template-page-our-team, body.page-template-page-community { background: #fef0ed } body.page-template-page-about article, body.page-template-page-career article, body.page-template-page-help-line article { padding: 0 0 3vh; } body.page-template-page-our-team article, body.page-template-page-flexible-content article, body.page-template-page-change article, body.page-template-page-become-a-member article { padding: 3vh 0 ; } /* body.page-template-page-about #programs, body.page-template-page-flexible-content #flexibleContent { background: #fef0ed url(/wp-content/themes/wif/images/page_bkgd_bottom_green_wave.png) no-repeat bottom /100%;padding-bottom: 6vh; } body.page-template-page-our-team #ourTeam, body.page-template-page-career #careers, body.page-template-page-community #community { background: #fef0ed url(/wp-content/themes/wif/images/page_bkgd_bottom_pink_wave.png) no-repeat bottom /100%;padding-bottom: 6vh; } */ .page-content-bottom-wave-green { /* background-image: url(/wp-content/themes/wif/images/page_bkgd_bottom_green_wave.png); background-repeat: no-repeat; background-position: center bottom -1px; background-size: 100%; padding-bottom: 9vw; */ } .page-content-bottom-wave-pink { /* background-image: url(/wp-content/themes/wif/images/page_bkgd_bottom_pink_wave.png); background-repeat: no-repeat; background-position: bottom; background-size: 100%; padding-bottom: 6vh; */ } .pageBottomBigWavePink { /* background-image: url(/wp-content/themes/wif/images/page_bkgd_bottom_wave_big_pink.png); background-repeat: no-repeat; background-position: right bottom; background-size: 54vh;padding-bottom: 6vh; */ } #hero.bkgd_Purple { background-color: #221432; color: #FFF} #hero.bkgd_Green { background-color: #3F8AA9; /*#BDE0FF;*/ color: #FFF} #hero.bkgd_Blue { background-color: var(--light-blue-bkgd); color: #221432; } /* background-color: #3e89a9 */ #hero.bkgd_Pink { background-color: #B394D6/*#dea0a4*/; color: #FFF} #hero.bkgd_Purple h1.page-title { color: #B394D6 /*#dea0a4*/; } body.single.post-template-default #hero.bkgd_Purple h1.page-title { color: #FFF; } #hero.bkgd_Green h1.page-title { color: #221432/*#dea0a4*/; } #hero.bkgd_Blue h1.page-title { color: #221432; } #hero.bkgd_Pink h1.page-title { color: #221432; } #hero.blob_yellow { background-image: url(/wp-content/themes/wif/images/hero_background_blob_pink_right.png); background-repeat: no-repeat; background-position: calc(100% + 90px) bottom; } #hero.blob_pink { background-image: url(/wp-content/themes/wif/images/hero_background_blob_pink_right.png); background-repeat: no-repeat; background-position: calc(100% + 90px) bottom; } #hero.blob_green { background-image: url(/wp-content/themes/wif/images/hero_background_blob_pink_right.png); background-repeat: no-repeat; background-position: calc(100% + 90px) bottom; } #hero.blob_blue { background-image: url(/wp-content/themes/wif/images/hero_background_blob_pink_right.png); background-repeat: no-repeat; background-position: calc(100% + 90px) bottom; } #hero.blob_purple { background-image: url(/wp-content/themes/wif/images/hero_background_blob_pink_right.png); background-repeat: no-repeat; background-position: calc(100% + 90px) bottom; } .page_bkgd_left_blob_pink { background-image: url(/wp-content/themes/wif/images/blob_left_bkgd_pink.png); background-repeat: no-repeat; background-size: 8%; background-position: left 8%; } .page_bkgd_left_blob_green { background-image: url(/wp-content/themes/wif/images/blob_left_bkgd_green.png); background-repeat: no-repeat; background-size: 8%; background-position: left 8%; } .page_bkgd_left_blob_lightTurquoise { background-image: url(/wp-content/themes/wif/images/blob_left_bkgd_lightTurquoise.png); background-repeat: no-repeat; background-size: 8%; background-position: left 8%; } /* career */ #programAlumnae { padding-bottom: 7%; padding-bottom: 7vh } #programAlumnae h2 { padding-top: 3%; padding-top: 3vh; font-size: .93em; text-align: center; margin-bottom: 1em; } .createProgramFootnote { margin-top: 1em; font-size: .67em; max-width: 880px } .createProgramDescription { padding-bottom: 2em; } .createProgramTitle { font-size: 1.87em; margin-bottom: .33em; margin-top: .3em; line-height: 1.1; text-transform: uppercase; } body:not(.page-template-page-about) .createProgramImage { margin-bottom: 2vh; } .btn.createProgramButton { margin-top: 1%; margin-top: 1vh; } .btn.aboutProgramButton { margin-top: 1%; margin-top: 1vh; } .flex-row.reverse .btn.aboutProgramButton { margin-left:auto;} .careerProgramDetails { margin-bottom: 8%!important; margin-bottom: 8vh!important } .aboutProgramDetails { margin-bottom: 2%!important; margin-bottom: 2vh!important } /* programs on ABOUT page are switching right/left alignment so they need less space than the .careerProgramDetails */ .programImageContainer { position: relative; line-height: 0; } .programImageContainer:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: -1; background: #221432; display: block; left: 0; top: 0; } #programs .careerProgramDetails { padding-top: 1em; } #programs { margin-top: 0%; } #programs .programType { font-size: 1.46em; } #programs h3.programType { z-index: 1; position: absolute; top: 50%; transform: perspective(1px) translateY(-50%); width: 100%; text-align: center; } body.page-template-page-about .createProgramImage img { opacity: .67 } #teamHeader { margin:2% auto 0; text-align: center;} #teamHeader .tab { display: inline-block; margin: 0 1em; text-align: center; } #teamHeader .tab h3 { cursor: pointer; border-bottom: 2px solid transparent; margin: 0; line-height: 1.2; font-size: 1.8em; margin-bottom: .67em; } #teamHeader .tab.on h3 { border-bottom: 2px solid #fac857; } #team { margin-top: 1em} .teamMembers>div img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);transition: all .2s ease-in-out } .teamMembers>div:hover img { -webkit-filter: none; filter: none; transition: all .2s ease-in-out} .teamMembers:not(.on), .bio { display: none; } .teamMembers h4 { margin-bottom: 0.33em; line-height: 1.1; margin-top: .3em; } .bioContainer { color: #221432; max-width: 880px; margin: 0 auto; } .staffName { margin: 0; line-height: 1.2} .staffTitle { margin: 0;line-height: 1.2} .mfp-content .staffName { } /*contact */ .wp-block-social-links { margin-top: 1.23em; } .wp-block-social-links .wp-social-link a { padding: 0.1em; } .wp-block-social-links svg path { fill: #B993DA; } .wp-block-social-links.is-style-logos-only .wp-social-link { padding: 0; } .wp-block-social-links .wp-social-link svg { width: 1.33em; height: 1.33em; } body.page-template-page-contact .post-thumbnail { margin: 0 auto } .contactPhone { background: url(/wp-content/themes/wif/images/iconPhonePink.png); background-repeat: no-repeat; background-size: 40px; background-position: left 1em; padding-left: 3em; margin-left: 0em; font-size: 1.33em; } .contactPhone>span, .contactEmail>span { display: block; padding-top: 8px; } .contactEmail { background: url(/wp-content/themes/wif/images/iconEmailPink.png); background-repeat: no-repeat; background-size: 40px; background-position: left top; margin-top: 1em; padding-left: 3em; margin-left: 0em; font-size: 1.33em; min-height: 40px; margin-bottom: 1em; } .contactMap { position: relative; z-index: 0; } .contactMap iframe { border: 0;float: none; width: 100%; } .contactLeft { width: 50%; align-items: flex-end; color: var(--dark-purple-bkgd); display: flex; flex-direction: column; } .contactRight { width: 50%; background: var(--light-purple-bkgd); color: var(--dark-purple-bkgd); display: flex; flex-direction: column; } .contactLeftContent { max-width: 600px; padding:6%; } .contactRightContent { max-width: 600px; padding:6%; } .contactLeft a:link, .contactLeft a:visited { color:var(--dark-purple-bkgd)!important; text-decoration: underline!important; } .contactLeft a:hover { color: #f9c756 } @media screen and (max-width: 767px) { body.page-template-page-contact .site-main .flex-row { display: block; } .col-6-flex { width: 100%; } .contactLeft, .contactRight { width: 100%; } .contactLeftContent, .contactRightContent { width: 100%; max-width: 600px; margin: 0 auto; } } footer.site-footer { background: var(--ivory-background); color: #221432; /*background: #221432; color: var(--light-blue-bkgd); */ /* #dea1a6;*/; font-size: 12px; } footer.site-footer a { color: var(--dark-purple-bkgd); /* #dea1a6;*/ } .footerContainer { padding: 2%; } .footerIcon img { max-width: 180px; max-width: 10vw; margin-top: 12px; } .footerCol { width: 100%; display: block; margin: 2% auto; text-align: center; } .footerCol .footerHeader { color: var(--dark-purple-bkgd); /* #dea1a6;*/; font-style: normal; font-weight: bolder; font-size: 1.1em; font-family: 'Grillmaster-ExtWideBlack', Arial, sans-serif; font-weight: normal; letter-spacing: 0.03em; } .footerIcon { display: inline-block; width: 100%; vertical-align: top; margin: 0 auto; text-align: center } .footerConnect { text-align: center; padding-left: 4%; transition: all 0.3s ease-in-out;} .footerConnect .footerHeader { font-size: 1.2em;} .footerNav ul { margin: .5em 0 1.5em; padding: 0; list-style: none; } .footerNav ul li { margin: 0; padding: 0; } footer .copyright { float: left; padding-left: 1em; font-size: 10px; letter-spacing: .05em} footer .footerCredits { text-align: right; float: left; padding-right: 1em; font-size: 10px; letter-spacing: .06em} .site-credits { display: none;margin: 1em auto; letter-spacing: .06em; text-transform: uppercase; } .site-credits-link { cursor: pointer; padding-bottom: .87em } .site-info { font-size: .68em; letter-spacing: .08em; padding: 0.6em 0 0; } .site-info a { color: #3E4949; text-decoration: none; } #mc_embed_signup_scroll { clear: both; padding: 0%; text-align: center; max-width: 280px; margin: 0 auto; } #mc_embed_signup_scroll input#mce-EMAIL { display: block; width: auto; margin: 0 auto .678em auto; background: transparent; border: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--dark-purple-bkgd) /*#f9b4ad!important*/; color: #FFF; text-align: center; } #mc_embed_signup_scroll input#mc-embedded-subscribe { margin-top: 1.8em; cursor: pointer;font-weight: normal; border-radius: 0; margin-left: auto; margin-right: auto; color: #000 } #mc_embed_signup_scroll input::placeholder { color: #FFF; opacity: .6 } #mc_embed_signup_scroll input::-webkit-input-placeholder { color: #FFF; opacity: .6;} .mc-field-group { margin-bottom: .67em;} .flex-row { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .flex-row.vert-center { align-items: center; } .flex-row.reverse { flex-direction: row-reverse; } .flex-row.reverse .aboutProgramDetails { text-align: right; } @media screen and (max-width: 767px) { .footerNav > .flex-row { justify-content: center; } .footerConnect { padding-left: 0!important; } } @media screen and (min-width: 768px) { .flex-row.signup-container { justify-content: right; } } .col-one-quarter { width: 50%; margin-bottom: 1em; } .mobileOnly { display: block } .desktopOnly { display: none; } @media screen and (max-width: 479px) { h2.sectionHeader { font-size: 140%; } .hero-col-6 { display: block; width: 100%;} /*.hero-col-6:last-child { padding-left: 40%; } */ .helpLine_divider { float: none; } .helpLineHalf { float: none; margin-top: 0em } #hero.blob_pink, #hero.blob_yellow, #hero.blob_green, #hero.blob_blue, #hero.blob_red { background-size: 50%; } } @media screen and (min-width: 530px) { h1.page-title { font-size: 3.2em; } #programAlumnae h2 { font-size: 1.23em; } .calloutTextColumn { width: 9em; } .calloutImageColumn { width: auto } .helpLineFooter { font-size: 2.4em; } .top-navigation button { margin-right: 1.83em; padding: .4em 1em; } .carousel-text h3 { font-size: .73em; } .helpLine_h1 { font-size: 9vw; } } @media screen and (min-width: 629px) { .flickity-prev-next-button { width: 64px; height: 64px;} .carousel-text h3 { font-size: .8em; } .membership_level { margin: 0% 0% 0% 0; width: 31.333%;} .membership_level_3col { width: 33.33%; } .membership_level_2col { width: 48%; margin: 2% 2% 0% 0; } } @media screen and (min-width: 768px) { .row [class*=col-inline] { margin-top: 0; } /* page-program-film-finishing-fund.php */ .hero-text { margin-left: 30%; margin-left: 9vw; } h2.sectionHeader { font-size: 240%; } .carousel-text h3 { font-size: .9em; } article .entry-content h2 { font-size: 1.67em; } article .entry-content h3 { font-size: 1.2em; } #programAlumnae h2 { font-size: 1.37em; } .mobileOnly { display: none!important;} .desktopOnly { display: block } .top-navigation button.desktopOnly { display: inline-block; } .site-branding img { width: 120px; width: 12vw; } header.site-header { padding-top: 12px; } .site-branding p, .site-branding h1 { margin: 8px 0 10px; } body:not(.home) header.site-header.stickyHeader { padding-bottom: 10px; } header.site-header.stickyHeader .site-branding img { width: 160px; min-width: 60px; } .top-navigation { right: 2%; text-align: right; width: auto; } .footerIcon { width:20%; } .footerCol { width: 40%; display: inline-block; vertical-align: top; text-align: left } .footerConnect .footerHeader { text-align: right; } .footerConnect { padding-left: 0; text-align: right; margin: 2% auto; } /* .createProgramImage img { margin-right: 16px; margin-left: -16px; } .textRight.createProgramImage img { margin-right: -16px; margin-left: 16px; } */ #mc_embed_signup_scroll { clear: both; margin: 0 0 0 auto; text-align: right; } #mc_embed_signup_scroll input#mce-EMAIL { text-align: right; margin: 0 0 .678em auto} #mc_embed_signup_scroll input#mc-embedded-subscribe { margin-right: 0;} .helpLineHalf { float: none; font-size: 120%; } .helpLine_hoursTitle { margin-top: 0; } .helpLine_divider { display: block; float: none; background-image: url(/wp-content/themes/wif/images/dividerLineRed.png); background-repeat: repeat-x; background-size: 180px; background-position: left center; width: 180px; } .createProgram { margin-bottom: 2%; margin-bottom: 2vh; } .contactMap iframe { float: right; width: 50% } } @media screen and (min-width: 960px) { .callout { width: 46%; } .helpLine_h1 { font-size: 6vw; } .carousel-text h3 { font-size: 1em; } .helpLineHalf { float: none; font-size: 140%; } } @media screen and (min-width: 1280px) { .helpLine_h1 { font-size: 6em; } } @media screen and (min-width: 1440px) { .col-one-quarter { width: 25%; } } .footerConnect.popupMode { position: fixed; right: 0; bottom: 0; width: 50vw; height: 30vw; z-index: 9999999; background: #221432; display: flex; align-items: center; margin: 0; min-height: 300px; min-width: 300px; transition: all 0.3s ease-in-out; } .footerConnect.popupMode .flex-row.signup-container { max-width: 600px; text-align: center; margin: 0 auto; transition: all 0.3s ease-in-out; } .footerConnect.popupMode .flex-row.signup-container .footerHeader, .footerConnect.popupMode .flex-row.signup-container .signup-container { text-align: center; } .footerConnect.popupMode .flex-row.signup-container #mc_embed_signup_scroll { text-align: center; margin: auto; } .footerConnect.popupMode .flex-row.signup-container #mc_embed_signup_scroll input#mc-embedded-subscribe, .footerConnect.popupMode .flex-row.signup-container #mc_embed_signup_scroll input#mce-EMAIL { margin: 1em auto; text-align: center; } .footerConnect .footerConnectPopupClose { display: none; } .footerConnect.popupMode .footerConnectPopupClose { width: 12px; height: 12px;cursor: pointer; display: block; position: absolute; right: 1em; top: 1em; z-index: 99999999; } .neon-pop-all-mask{ width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; display: none; background-color: rgba(0, 0, 0, 0.6);} .neon-pop-all-mask .neon-pop-dialog { width: 426px; max-height: calc(100% - 40px); margin:auto; justify-content: center; align-items: center; display:flex; overflow-y: auto; overflow-x: hidden; } .neon-pop-all-mask .neon-show-content { width: 438px; margin:auto; padding: 2px 0 2px 0; justify-content: center; align-items: center; display:flex; background: transparent; } .neon-show-content .title-close{ position: absolute; text-align: center; right: 16px; top: 10px; cursor: pointer; } .neon-pop-dialog .neon-show-content .neon-show-iframe{ position: relative; justify-content: center; align-items: center;} .neon-show-pop { animation: neon-show-pop 2s ease-in-out 0s 1 alternate forwards; } .icon-close{ font-style: normal; font-weight: 400!important; font-size: 18px; line-height: 18px; font-family: "Font Awesome 5 Pro" !important; } @keyframes neon-show-pop { 0%{opacity: 0;} 100%{opacity: 1;} } ::-webkit-scrollbar{ width: 4px; } ::-webkit-scrollbar-track{ box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }