/* Theme Name: Animation Festivals 2024 Theme URI: http://www.slurpystudios.com Description: Theme for Animation Festivals (Jan 2024) Author: Slurpy Studios Version: 6.0 License: License URI: Tags: */ /*! normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,selet,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* Skeleton.css */ .container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:95%;padding:0}} @media (min-width:550px){.container{width:95%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}} html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{font-weight:300}p{margin-top:0}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33c3f0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{border-width:0;}.container:after,.row:after,.u-cf{content:"";display:table;clear:both} /* Gravity Forms Calender CSS */ .ui-datepicker{width:216px;height:auto;margin:5px auto 0;font:9pt Arial,sans-serif;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.ui-datepicker a{text-decoration:none}.ui-datepicker table{width:100%;border-collapse:collapse}.ui-datepicker-header{background-color:#666;color:#e0e0e0;font-weight:700;-webkit-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);-moz-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);text-shadow:1px -1px 0 #000;filter:dropshadow(color=#000, offx=1, offy=-1);line-height:30px;min-height:30px!important;border-width:1px 0 0 0;border-style:solid;border-color:#666}.ui-datepicker-title{text-align:center}.ui-datepicker-title select{margin-top:2.5%}.ui-datepicker-next,.ui-datepicker-prev{display:inline-block;width:30px;height:30px;text-align:center;cursor:pointer;background-image:url(../arrow.html);background-repeat:no-repeat;line-height:600%;overflow:hidden}.ui-datepicker-prev{float:left;background-position:center -30px}.ui-datepicker-next{float:right;background-position:center 0}.ui-datepicker thead{background:#f7f7f7;background:-moz-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#f1f1f1));background:-webkit-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background:-o-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background:-ms-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);background:linear-gradient(to bottom,#f7f7f7 0,#f1f1f1 100%);border-bottom:1px solid #bbb}.ui-datepicker th{text-transform:uppercase;text-align:center;font-size:6pt;padding:5px 0;color:#666;text-shadow:1px 0 0 #fff;filter:dropshadow(color=#fff, offx=1, offy=0)}.ui-datepicker tbody td{padding:0;border-top:1px solid #bbb;border-right:1px solid #bbb}.ui-datepicker tbody td:last-child{border-right:0}.ui-datepicker tbody tr{border-bottom:1px solid #bbb}.ui-datepicker tbody tr:last-child{border-bottom:0}.ui-datepicker td a,.ui-datepicker td span{display:inline-block;font-weight:700;text-align:center;width:30px;height:30px;line-height:30px;color:#666;text-shadow:1px 1px 0 #fff;filter:dropshadow(color=#fff, offx=1, offy=1)}.ui-datepicker-calendar .ui-state-default{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#dedede 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#ededed 0,#dedede 100%);background:-o-linear-gradient(top,#ededed 0,#dedede 100%);background:-ms-linear-gradient(top,#ededed 0,#dedede 100%);background:linear-gradient(to bottom,#ededed 0,#dedede 100%);-webkit-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);-moz-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5)}.ui-datepicker-calendar .ui-state-hover{background:#f7f7f7}.ui-datepicker-calendar .ui-state-active{background:#fff2aa;border:1px solid #c19163;color:#666;-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);text-shadow:0 1px 0 #fff;filter:dropshadow(color=#FFF, offx=0, offy=1);position:relative;margin:-1px}.ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#b4b3b3}.ui-datepicker-calendar td:first-child .ui-state-active{width:29px;margin-left:0}.ui-datepicker-calendar td:last-child .ui-state-active{width:29px;margin-right:0}.ui-datepicker-calendar tr:last-child .ui-state-active{height:29px;margin-bottom:0}td.ui-datepicker-unselectable.ui-state-disabled{background-color:#d7d7d7}table.ui-datepicker-calendar{margin:0!important}body div#ui-datepicker-div[style]{z-index:9999!important} /* This is where my own code starts */ * {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;} ol, ul {list-style: none;} blockquote {quotes: none;} blockquote:before, blockquote:after {content: '';content: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} a img {border: none;} .border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ background-repeat: repeat; background-color: #5b5c57; font-family: 'Droid Sans', sans-serif; } input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="submit"], input[type="button"], textarea, select {-webkit-appearance: none;border-radius: 0;} /* Placeholder text in HTML5 fields */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; } .clear {clear: both;line-height: 0px;} /* HTML5 tags */ header, section, footer, aside, nav, article, figure { display: block; } @font-face { font-family: 'LeagueGothicRegular'; src: url('../eot/league_gothic-webfont.eot'); src: url('../eot/league_gothic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/league_gothic-webfont.woff') format('woff'), url('../ttf/league_gothic-webfont.ttf') format('truetype'), url('../svg/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } .LeagueGothic{ font-family: LeagueGothicRegular; } .Ubuntu{ font-family: 'Ubuntu Condensed', sans-serif; } @media only screen and (max-width : 550px) { .mobileHide{ display:none; } } .ui-autocomplete{ /* Styles for the Auto Complete Search box*/ z-index: 199!important; position: absolute!important; font-family: 'Droid Sans', sans-serif!important; font-size: 16px!important; color: #666!important; line-height: 20px!important; border: 1px solid #b1ced1!important; } .ui-menu .ui-menu-item{ font-size: 14px!important; padding: 3px 2%!important; width: 96%!important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background-image: none; background-color: #b1ced1; color: #667678!important; font-weight: normal; border: none; cursor:pointer; } .ui-autocomplete .ui-menu-item a:hover{ background-color: #E4E4E4; cursor:pointer; } .ui-datepicker{ z-index: 105!important; } #cookie-notice{ background-color:#a8c38c; font-size: 14px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #c56444; } #cookie-notice .cookie-notice-container{ max-width: 960px; width: 100%; margin: 0 auto; padding: 10px 0; } @media only screen and (max-width :960px) { #cookie-notice .cookie-notice-container{ width: 96%; padding: 10px 2%; } } #cookie-notice .cookie-notice-container p{ float: left; } #cookie-notice .cookie-notice-container p a.button{ color: #fff; font-weight: bold; padding: 0 10px; margin:0; border:none; } #cookie-notice #cn-accept-cookie{ background-color: #c56444; color: #fff; text-decoration: none; float: right; padding: 0 10px; margin-left: 10px; line-height: 30px; height: 30px; font-weight: bold; border:none; } #cookie-notice #cn-accept-cookie:hover{opacity:0.6;filter:alpha(opacity=60);} #ad_bg{ top: 0; left:0; position: absolute; display: inline; width: 100%; cursor: pointer; } @media only screen and (max-width :960px) { #ad_bg{ display: none; } } #outer-wrapper.no_ad{ background-image: url(../jpg/bg.jpg); background-repeat: repeat; background-color: #eeede7; width: 100%; } @media only screen and (max-width : 550px) { #outer-wrapper.no_ad{ background-image: none; } } #outer-wrapper.with_ad{ background:url(../png/test-bg-click-ad.png) no-repeat center 145px #eeede7; } @media only screen and (max-width : 550px) { #outer-wrapper.with_ad{ background: none; background-color: #eeede7; } } .adminPage table{ background-color: #fff; font-size: 12px; } .adminPage table th{ padding: 4px; border: 2px solid #666; background-color: #CCC; cursor:pointer; } .adminPage table th:hover{ background-color: #999999; } .adminPage table td{ padding: 4px; border: 2px solid #666; } .adminPage table td.deleteNow{ background-color: #ffb0b0; } .adminPage .printBtn{ background-color: #666; font-size: 16px; font-weight: bold; color: #FFF; padding: 4px; cursor:pointer; margin-top:10px; } .adminPage .sortBar{ background-color: #b1ced1; height: 46px; font-size: 22px; line-height: 46px; text-transform: uppercase; letter-spacing: 1px; color: #fff; float: left; width: 940px; margin-bottom: 20px; padding-top: 0; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .adminPage .sortBar label{ float: left; } .adminPage .sortBar select{ color: #fff; background-color: #b1ced1; border: 2px solid #fff; font-size: 12px; text-transform: none; padding-left: 4px; font-weight: bold; float: left; height: 20px; margin: 12px 10px 0 10px; font-family: 'Droid Sans', sans-serif; } .adminPage textarea{ border: 1px solid #666666; } .adminPage .submitBtn{ color: #fff; background-color: #666666; margin-bottom: 10px; padding: 4px 8px 4px 8px; margin-top: 10px; } .popup_box #fadeandscale, #fadeandscale { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .popup_box .popup_visible #fadeandscale, .popup_visible #fadeandscale { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .popup_box { box-shadow: 0 0 10px rgba(0,0,0,0.3); display:none; margin:1em; background-color: #fff; color: #666; font-size: 14px; } .popup_box h2{ color: #fff; text-transform: uppercase; height: 46px; line-height: 46px; font-size: 24px; padding: 0 20px 0 20px; margin-bottom: 10px; } .popup_box form{ margin: 20px; } .popup_box p.pad{ line-height: 20px; margin: 0 20px 20px 20px; } .popup_box .close{ cursor:pointer; position: absolute; top: 0px; right: 0px; width:46px; height:46px; color:#fff; display: block; line-height: 46px; font-size: 30px; text-align: center; } .popup_box .close:hover{ opacity: 0.6; filter: alpha(opacity=60); } .popup_box form input[type="submit"]{ font-family: LeagueGothicRegular; margin-right: 20px; } .popup_box #gforms_confirmation_message_6, .popup_box #gforms_confirmation_message_9 { background-color: #9eb657; font-size: 14px; line-height: 18px; font-weight: bold; color: #fff; padding: 5px 2% 5px 2%; width: 88%; margin: 0 4% 20px 4%; } #delete h2{background-color: #c56444;} #delete input[type="text"], #delete textArea{border: 2px solid #c56444;} #delete input[type="submit"]{background-color: #c56444;} #delete input[type="submit"]:hover{background-color: #85442e;} #headerMain{ background-color: #fff; -webkit-box-shadow: 0px 0px 15px #2c2c2c; -moz-box-shadow: 0px 0px 15px #2c2c2c; box-shadow: 0px 0px 15px #2c2c2c; position: relative; z-index: 99; } @media only screen and (max-width : 550px) { #headerMain{ box-shadow: none; } } #headerMain #innerHeader{ margin: 0 auto; max-width: 960px; width: 100%; } @media only screen and (max-width : 960px) { #headerMain #innerHeader{ width: 95%; margin: 0 2.5% 0 2.5%; } } @media only screen and (max-width : 550px) { #headerMain #innerHeader{ width: 100%; margin: 0; height: 60px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #cecece; } } #headerMain #innerHeader h1, #headerMain #innerHeader h2, #headerMain ul#accessibility{ height: 1px; line-height: 3px; font-size: 1px; margin-left: -9999px; } #headerMain #innerHeader .logoBox{ float: left; width: 50%; } @media only screen and (max-width : 550px) { #headerMain #innerHeader .logoBox{ width: 100%; } } #headerMain #innerHeader .logoBox img.icon{ width: 33%; float: left; } @media only screen and (max-width : 550px) { #headerMain #innerHeader .logoBox img.icon{ height: 55px; width: auto; margin: 0px 0 0 15px; float: left; } } #headerMain #innerHeader .logoBox img.text{ width: 65%; float: left; padding-top: 70px; } @media only screen and (max-width : 960px) { #headerMain #innerHeader .logoBox img.text{ padding-top: 10px; } } @media only screen and (max-width : 550px) { #headerMain #innerHeader .logoBox img.text{ display:none; } } #headerMain #innerHeader .logoBox p{ font-size: 15px; line-height: 15px; color: #A6A6A6; text-transform: uppercase; float: left; padding-top: 5px; width: 65%; } @media only screen and (max-width : 960px) { #headerMain #innerHeader .logoBox p{ font-size: 18px; line-height: 20px; } } @media only screen and (max-width : 550px) { #headerMain #innerHeader .logoBox p{ display:none; } } #headerMain #innerHeader .headerRightHalf{ float: right; width: 50%; } @media only screen and (max-width : 550px) { #headerMain #innerHeader .headerRightHalf{ width: 100%; } } #headerMain #innerHeader #signInBox, #headerMain #innerHeader #welcome{ background-color: #a8c38c; font-size: 14px; float: right; color: #fff; height: 25px; line-height: 22px; padding: 0 15px 0 15px; margin-top: -3px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader #signInBox, #headerMain #innerHeader #welcome{ position:absolute; right: 120px; top: 0px; margin-top: 0px; float: none; padding: 0; background-color: transparent; height: 60px; width: 60px; line-height: 60px; } } #headerMain #innerHeader #signInBox a, #headerMain #innerHeader #welcome a{ color: #fff; text-decoration: none; display: block; height: 25px; text-align: center; float: left; } #headerMain #innerHeader #signInBox .mobileIcon, #headerMain #innerHeader #welcome .mobileIcon{ display:none; } @media only screen and (max-width : 550px) { #headerMain #innerHeader #signInBox a, #headerMain #innerHeader #welcome a{ display:none; } #headerMain #innerHeader #signInBox .mobileIcon, #headerMain #innerHeader #welcome .mobileIcon{ display:block; font-size: 34px; color: #484848; text-align: center; height: 60px; width: 60px; line-height: 60px; } #headerMain #innerHeader #signInBox .mobileIcon:hover, #headerMain #innerHeader #welcome .mobileIcon:hover{ color: #a8c38c; } } #headerMain #innerHeader #signInBox span.halfpipe{ float: left; display: block; padding: 0 15px 0 15px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader #signInBox span.halfpipe{ display:none; } } #headerMain #innerHeader #signInBox a:hover{ color: #6d7f5b; } #headerMain #innerHeader #welcome ul li { float: right; position: relative; } #headerMain #innerHeader #welcome ul li ul { position: absolute; right: 0px; margin-top: 25px; margin-right: -15px; display: none; white-space: nowrap; width: 130px; z-index: 999; background: #a8c38c; } #headerMain #innerHeader #welcome ul ul li { width: auto; font-size: 14px; text-transform: none; height: auto; margin: 0; padding: 0; } #headerMain #innerHeader #welcome ul ul li a { height: auto; padding: 8px 15px 8px 15px; text-align: right; width: 100px; } #headerMain #innerHeader #welcome ul ul li a:hover { color: #6d7f5b; background-image: none; } #headerMain #innerHeader #welcome ul li:hover > ul { display: block; } #headerMain #innerHeader #welcome ul li:hover > a { background: url(../png/nav-dashline.png) no-repeat center bottom; } #headerMain #innerHeader form.search, form.search{ float: right; width: 62%; font-size: 12px; margin-top: 55px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader form.search, form.search{ display:none; float: left; width: 98%; font-size: 12px; margin-top: 0px; background-color:#b1ced1; padding: 5px 1% 5px 1%; } } #headerMain #innerHeader form.search input[type="text"], form.search input[type="text"]{ background-color: #fff; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #b1ced1; border-bottom-color: #b1ced1; border-left-color: #b1ced1; border-right-style: none; float: left; font-size: 14px; color: #455e56; line-height: 32px; height: 32px; width: 70%; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader form.search input[type="text"], form.search input[type="text"]{ width: 80%; line-height: 40px; height: 40px; } } #headerMain #innerHeader form.search input[type="submit"], form.search input[type="submit"]{ color: #fff; background: #b1ced1 url(../arrow-btn.html) no-repeat -1px center; background-size: 40%; float: left; border: none; cursor:pointer; font-size: 24px; text-transform: uppercase; text-align: right; padding-right: 9px; line-height: 32px; height: 32px; width: 30%; } @media only screen and (max-width : 550px) { #headerMain #innerHeader form.search input[type="submit"], form.search input[type="submit"]{ width: 20%; line-height: 40px; height: 40px; } } #headerMain #innerHeader form.search input[type="submit"]:hover, form.search input[type="submit"]:hover{ color: #455e56; } #headerMain #innerHeader form.search a, form.search a{ color: #455e56; float: right; display: block; margin: 6px 0px 15px 0px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader form.search a, form.search a{ display: none; } } #headerMain #innerHeader form.search a:hover, form.search a:hover{ text-decoration: none; } #headerMain #innerHeader .search-btn{ display:none; text-align: center; cursor:pointer; color: #484848; font-size: 30px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader .search-btn{ display:block; position:absolute; right: 60px; top: 0px; height: 60px; width: 60px; line-height: 60px; background-color: #fff; } #headerMain #innerHeader .search-btn.onFocus{ background-color: #b1ced1; color: #fff; } } #headerMain #innerHeader .hamburger-btn{ display: none; position: absolute; top: 0px; right: 0px; } @media only screen and (max-width : 550px) { #headerMain #innerHeader .hamburger-btn{ display:block!important; } } /* These styles give hamburger menu it's animation */ #headerMain #innerHeader .c-hamburger { display:block; position:relative; overflow:hidden; margin:0; padding:0; width:60px; height:60px; font-size:0; text-indent:-9999px; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; -webkit-transition:background .3s; transition:background .3s } #headerMain #innerHeader .c-hamburger:focus { outline:0 } #headerMain #innerHeader .c-hamburger span { display:block; position:absolute; top:28px; left:12px; right:12px; height:5px; background:#484848; } #headerMain #innerHeader .c-hamburger--htx { background-color:#fff } #headerMain #innerHeader .c-hamburger--htx span { -webkit-transition:background 0s .3s; transition:background 0s .3s } #headerMain #innerHeader .c-hamburger--htx.is-active { background-color:#a8c38c } #headerMain #innerHeader .c-hamburger--htx.is-active span { background:0 0 } #headerMain #innerHeader .c-hamburger span::after, #headerMain #innerHeader .c-hamburger span::before { position:absolute; display:block; left:0; width:100%; height:5px; background-color:#484848; content:"" } #headerMain #innerHeader .c-hamburger--htla.is-active span::after, #headerMain #innerHeader .c-hamburger--htla.is-active span::before, #headerMain #innerHeader .c-hamburger--htra.is-active span::after, #headerMain #innerHeader .c-hamburger--htra.is-active span::before { } #headerMain #innerHeader .c-hamburger span::before { top:-10px } #headerMain #innerHeader .c-hamburger span::after { bottom:-10px } #headerMain #innerHeader .c-hamburger--htx span::after, #headerMain #innerHeader .c-hamburger--htx span::before { -webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.3s, 0s; transition-delay:.3s, 0s } #headerMain #innerHeader .c-hamburger--htx span::before { -webkit-transition-property:top, -webkit-transform; transition-property:top, transform } #headerMain #innerHeader .c-hamburger--htx span::after { -webkit-transition-property:bottom, -webkit-transform; transition-property:bottom, transform } #headerMain #innerHeader .c-hamburger--htx.is-active span::before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background-color:#fff; } #headerMain #innerHeader .c-hamburger--htx.is-active span::after { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background-color:#fff; } #headerMain #innerHeader .c-hamburger--htx.is-active span::after, #headerMain #innerHeader .c-hamburger--htx.is-active span::before { -webkit-transition-delay:0s, .3s; transition-delay:0s, .3s } /* These styles just make hamburger menu work */ .responsive-menu{ display: block; max-width: 960px; width: 100%; height: 80px; margin: 0 auto; position: relative; z-index: 98; } @media only screen and (max-width : 960px) { .responsive-menu{ width: 95%; margin: 0 2.5% 0 2.5%; } } @media only screen and (max-width : 550px) { .responsive-menu{ width: 100%; margin: 0; z-index: 101; display: none; margin-top: -3px; } } .responsive-menu li{ float: left; height: 50px; width: 15%; margin-right: 2%; text-align: center; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; } .responsive-menu li.home{background-color: #a8c38c; text-shadow: 2px 2px #6d7f5b;} .responsive-menu li.festivals{background-color: #c56444; text-shadow: 2px 2px #7d402c;} .responsive-menu li.searchTab{background-color: #b1ced1; text-shadow: 2px 2px #667678;} .responsive-menu li.addFest{background-color: #b47e4c; text-shadow: 2px 2px #6d4d2f;} .responsive-menu li.services{background-color: #ffc35b; text-shadow: 2px 2px #aa823e;} .responsive-menu li.stuff{background-color: #8e8897; text-shadow: 2px 2px #4a474e; margin-right: 0px;} @media only screen and (max-width : 550px) { .responsive-menu li.home, .responsive-menu li.festivals, .responsive-menu li.searchTab, .responsive-menu li.addFest, .responsive-menu li.services, .responsive-menu li.stuff{background-color: #a8c38c; text-shadow: none;} } .expand { display: block !important; } .hide { display: none !important; } .open-menu-link{ visibility: hidden; } @media only screen and (max-width : 550px) { .open-menu-link{ display: none!important; visibility: visible; position: absolute; right: 5px; top: 0px; cursor: pointer; color: #fff; width: 15%; font-size: 40px; line-height: 50px; text-align: center; font-family: Arial!important; } } .open-menu-link.close{ line-height: 42px; } .menu-item-has-children{position: relative;} li .sub-menu{ display: none; } .visible { display: block !important; } @media only screen and (max-width : 550px) { .responsive-menu li{ height: auto; width: 100%; margin-right: 0%; font-size: 22px; line-height: 50px; background-image: url(../png/nav-dashline.png); background-repeat: repeat-x; background-position: center top; } } @media only screen and (max-width : 550px) { .responsive-menu ul li.festivals ul, .responsive-menu ul li.services ul, .responsive-menu ul li.stuff ul{ background-color: transparent; background-image: none; } } @media only screen and (max-width : 750px) { .responsive-menu li.addFest span{ display:none; } } @media only screen and (max-width : 550px) { .responsive-menu li.addFest span{ display:inline-block; } } .responsive-menu a{ display: block; text-decoration: none; color: #fff; height: 50px; width: 100%; } .responsive-menu ul ul { display: none; position: relative; top: 0px; left: 0px; float: left; width: 144px; z-index: 99; height: auto; } @media only screen and (max-width : 550px) { .responsive-menu ul ul { width: 100%; } } .responsive-menu ul li.festivals ul{ background-color: #c56444; background-image: url(../png/nav-dashline.png); background-repeat: repeat-x; background-position: center top; } .responsive-menu ul li.services ul{ background-color: #ffc35b; background-image: url(../png/nav-dashline.png); background-repeat: repeat-x; background-position: center top; } .responsive-menu ul li.stuff ul{ background-color: #8e8897; background-image: url(../png/nav-dashline.png); background-repeat: repeat-x; background-position: center top; } @media only screen and (max-width : 550px) { .responsive-menu ul li.festivals ul, .responsive-menu ul li.services ul, .responsive-menu ul li.stuff ul{ background-color: transparent; background-image: none; } } .responsive-menu ul ul li { font-size: 14px; text-transform: none; height: auto; margin: 0px; padding: 0px; background-image: none; width: 144px; text-shadow: none; line-height: 24px; } @media only screen and (max-width : 550px) { .responsive-menu ul ul li { width: 100%; background: #b9d29f; border-top: 1px dashed #e4ecdb; } } .responsive-menu ul ul li a { height: auto; padding: 7px 10px 7px 10px; text-align: left; width: 100%; } @media only screen and (max-width : 550px) { .responsive-menu ul ul li a { padding: 10px 0px 10px 0px; text-align: center; font-size: 16px; text-transform: uppercase; } } .responsive-menu li:hover{ padding-top: 8px; } @media only screen and (max-width : 550px) { .responsive-menu li:hover{ padding-top: 0px; } } .responsive-menu ul ul li:hover {padding-top: 0px;} .responsive-menu li.festivals ul a:hover{color: #7d402c;} .responsive-menu li.services ul a:hover{color: #aa823e;} .responsive-menu li.stuff ul a:hover{color: #4a474e;} @media only screen and (max-width : 550px) { .responsive-menu li.festivals ul a:hover, .responsive-menu li.services ul a:hover, .responsive-menu li.stuff ul a:hover{color: #fff} } .responsive-menu ul li:hover > ul { display: block; } @media only screen and (max-width : 550px) { .responsive-menu ul li:hover > ul { display: none; } } .responsive-menu ul li.current_page_item > a, .responsive-menu ul li.current-menu-ancestor > a, .responsive-menu ul li.current-menu-item > a, .responsive-menu ul li.current-menu-parent > a { color: #fff; } #footerMain{ background-color: #5b5c57; color: #eeece7; } #footerMain #innerFooter{ margin: 0 auto; min-height: 140px; } #footerMain #innerFooter #sponsors{ padding: 20px 5% 20px 0px; } @media only screen and (max-width : 550px) { #footerMain #innerFooter #sponsors{ padding: 20px 0px 20px 0px; } } #footerMain #innerFooter #sponsors a{ color: #fff; background-color: #c46467; display: inline-block; font-size: 26px; text-transform: uppercase; text-decoration: none; text-align: center; letter-spacing: 1px; width: 100%; padding: 10px 5% 10px 5%; margin-top: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #footerMain #innerFooter #sponsors a .text{ display: block; font-size: 14px; text-transform:none; letter-spacing: 0; width: 100%; border-top: 1px dashed #7d402c; padding-top: 10px; margin-top: 10px; } #footerMain #innerFooter #sponsors a:hover{ color: #7e4345; } #footerMain #innerFooter #links{ text-align: center; font-size: 14px; display: block; line-height: 18px; padding: 30px 0px 20px 0px; } @media only screen and (max-width : 900px) { #footerMain #innerFooter #links{ display:none; } } #footerMain #innerFooter #links a.title{ font-size: 22px; display: block; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #footerMain #innerFooter #links a.title:hover{ text-decoration: none; color: #9eb657; } #footerMain #innerFooter #links a{ color: #eeece7; text-decoration: none; } #footerMain #innerFooter #links a:hover{ text-decoration: underline; } #footerMain #innerFooter #socialMedia{ text-align: right; padding: 35px 0px 20px 0px; } @media only screen and (max-width : 900px) { #footerMain #innerFooter #socialMedia{ width: 50%; padding: 60px 0px 20px 0px; float:right; } } @media only screen and (max-width : 550px) { #footerMain #innerFooter #socialMedia{ float:left; text-align: center; width: 100%; padding: 0 0px 20px 0px; } } #footerMain #innerFooter #socialMedia a{ float: right; display: block; text-align: center; color: #fff; border-radius: 50%; font-size: 30px; height: 50px; width: 50px; line-height: 52px; margin: 0px 0px 10px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } @media only screen and (max-width : 550px) { #footerMain #innerFooter #socialMedia a{ display: inline-block; float: none; margin: 0px 5px 10px 5px; } } #footerMain #innerFooter #socialMedia a.twitter{background-color: #6ba9c4;} #footerMain #innerFooter #socialMedia a.rss{background-color: #d29344;} #footerMain #innerFooter #socialMedia a.facebook{background-color: #559cc4;} #footerMain #innerFooter #socialMedia a.email{background-color: #9eb657;font-size:30px;line-height: 48px;} #footerMain #innerFooter #socialMedia a.email i{ -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } #footerMain #innerFooter #socialMedia a:hover{ background-color: #fff; color: #5b5c57; } .support-heart{ position:fixed; bottom:10px; right:10px; display:block; background: #29abe0; color: #fff; font-size: 14px; letter-spacing: 1px; text-decoration: none; font-weight: bold; padding: 12px 15px; border-radius: 5px; box-shadow: 1px 1px 0px rgba(0,0,0,0.2); } @media only screen and (max-width : 1300px) {.support-heart{display:none;}} .support-heart:hover{ opacity: 0.8; filter: alpha(opacity = 0.8); } .support-heart i{ display: inline-block; padding: 3px 3px 2px 3px; margin-right: 8px; background: #fff; color: #ff5f5f; font-size: 12px; border-radius: 4px; border: 1px solid #99a2a8; animation: kofi-wiggle 3s infinite; } @keyframes kofi-wiggle { 0% {transform:rotate(0) scale(1)} 60% {transform:rotate(0) scale(1)} 75% {transform:rotate(0) scale(1.12)} 80% {transform:rotate(0) scale(1.1)} 84% {transform:rotate(-10deg) scale(1.1)} 88% {transform:rotate(10deg) scale(1.1)} 92% {transform:rotate(-10deg) scale(1.1)} 96% {transform:rotate(10deg) scale(1.1)} 100% {transform:rotate(0) scale(1)} } .sideBox{ -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; background-color: #fff; margin-bottom: 25px; } .sideBox img { display:block; } .sideBox h1{ color: #fff; text-transform: uppercase; font-size: 24px; padding: 0 10px 0 10px; margin: 0 0 5px 0; height: 48px; line-height: 48px; background-color: #c56444; overflow:hidden; } @media only screen and (max-width : 750px) { .sideBox h1{ font-size: 18px; } } @media only screen and (max-width : 550px) { .sideBox h1{ font-size: 24px; } } .sideBox h1 span.circle{ display: block; float: left; background-position: center; text-align: center; background-color: #fff; color: #c56444; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 36px; line-height: 40px; margin: 5px; height: 38px; width: 38px; } .sideBox h1 span.words{ float: left; letter-spacing: -1px; } .sideBox#signUp h1{background-color: #ffc35b;} .sideBox#signUp h1 span.circle{ color: #ffc35b; font-size: 30px; line-height: 42px; } .sideBox a.more{ display: block; float: right; background-color: #c56444; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-decoration: none; text-align: center; margin: 10px 10px 15px 10px; font-size: 22px; line-height: 26px; height: 26px; padding: 3px 10px 3px 10px; overflow:hidden; } @media only screen and (max-width : 550px) { .sideBox a.more{ width: 96%; margin: 0 2% 2% 2%; padding: 5px 0px 5px 0px; } } .sideBox a.more i{ margin: 0px 0px 0px 10px; font-size: 25px; } .sideBox a.more:hover{ background-color: #7d402c; } .sideBox ul li{ padding: 0 10px 0 10px; } .sideBox ul li a{ display: block; text-decoration: none; color: #666; border-top-width: 1px; border-top-style: solid; border-top-color: #bdbdbd; float: left; width: 96%; padding: 10px 4% 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sideBox ul li a:hover{ background-color: #E5E5E5; width: 96%; padding: 10px 2% 10px 2%; overflow:hidden; } .sideBox ul li.item-1 a, .sideBox ul li:first-child a{ border: none; } .sideBox ul li a span.number{ float: left; width: 10%; font-weight: bold; color: #c56444; font-size: 30px; } .sideBox ul li a header{ float: left; width: 90%; } .sideBox ul li a header h2{ font-size: 14px; line-height: 18px; } .sideBox ul li a span.date{ display: inline-block; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #555; background:#e8e7e7; font-weight: bold; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sideBox ul li a:hover span.date{ background:#c4c4c4; } .sideBox#signUp form{ padding: 0px 10px 10px 10px; font-size: 14px; color: #666; line-height: 18px; text-align: justify; } .sideBox#signUp form p{ padding-bottom: 15px; } .sideBox#signUp form a{ color:#666; } .sideBox#signUp form a:hover{ text-decoration:none; } .sideBox#signUp form input[type="text"], .sideBox#signUp form input[type="email"], .sideBox#signUp form select { border: 2px solid #ffc35b; width: 100%; margin-bottom: 10px; color: #666; padding-right: 10px; padding-left: 10px; height: 35px; } .sideBox#signUp form button.submit, .sideBox#signUp form input[type="submit"] { border:none; background-color: #ffc35b; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-align: center; float: right; cursor: pointer; padding: 0px 15px; margin-bottom: 10px; font-size: 22px; line-height: 32px; height: 30px; } @media only screen and (max-width : 550px) { .sideBox#signUp form button.submit, .sideBox#signUp form input[type="submit"] { width: 100%; padding: 5px 0px 30px 0px; } } .sideBox#signUp form button.submit i{ margin: 0px 0px 0px 10px; font-size: 25px; } .sideBox#signUp form button.submit:hover, .sideBox#signUp form input[type="submit"]:hover {background-color: #aa823e;} .sideBox#festNews h1{ background-color: #a8c38c; } .sideBox#festNews ul li a header h2{ font-weight:bold; } .sideBox#festNews ul li a span.date{ display: inline-block; padding: 3px 0; font-size: 12px; line-height: 16px; color: #999; background:transparent; font-weight:normal; text-transform:uppercase; } .sideBox#festNews h1 a.skwigly{ font-size: 12px; color:#fff; text-decoration:none; } @media only screen and (max-width : 960px) { .sideBox#festNews h1 a.skwigly{ display:none; } } .sideBox#festNews h1 a:hover.skwigly{ text-decoration:underline; } .sideBox#festNews a.more{ background-color: #a8c38c; } .sideBox#festNews a.more:hover{ background-color: #6d7f5b; } /*.sideBox#signUp #mc_embed_signup div.mce_inline_error, #mc_embed_signup div.mce_inline_error{ background-color: #c56444!important; display: block; } .sideBox#signUp #mc_embed_signup div#mce-success-response, #mc_embed_signup div#mce-success-response{ background-color: #a8c38c!important; line-height: 14px; display: block; margin: 0pt 0pt 1em 0pt; padding: 5px 10px 5px 10px; background-color: #6b0505; font-weight: bold; z-index: 1; color: #fff; } .sideBox#signUp #mce-error-response, #mce-error-response{ background-color: #c56444; color: #fff; line-height: 25px; font-weight: bold!important; height: 25px; font-size: 16px; padding: 2px 2px 2px 10px; margin: 0px 0px 10px 0px; text-align: left!important; }*/ .sideBox#dataCharts h1{background-color: #8e8897;} .sideBox#dataCharts h1 span.circle{ color: #8e8897; font-size: 26px; line-height: 40px; } .sideBox#dataCharts .graphBox{ padding: 20px; } .sideBox .g img /* This is for the AdRotate plugin to make images sit inside box nicely */{ width: 100%; height:auto; display:block; } #home.slider-wrapper{ box-sizing: border-box; width: 100%; margin: 0 auto; border: 10px solid #fff; background: #b1ced1; margin: 0px auto 75px auto; -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; } @media only screen and (max-width : 650px) { #home.slider-wrapper{ border: 5px solid #fff; margin: 25px auto 30px auto; } } #home .news-slider {} #home .news-slider .text-content { position: absolute; top: 0; right: 0; background: #b1ced1; box-sizing: border-box; width: 50%; height: 100%; padding: 20px; text-align: right; } @media only screen and (max-width : 650px) { #home .news-slider .text-content { display:none; } } #home .news-slider .text-content h2 { margin: 0 0 15px 0; font-size: 60px; text-transform: uppercase; color: #fff; } @media only screen and (max-width : 960px) { #home .news-slider .text-content h2 { font-size: 40px; } } #home .news-slider .text-content p { letter-spacing: 0px; font-size: 18px; line-height: 22px; color: #6a7b7d; font-weight: normal; } #home .news-slider .text-content a.button-link { text-transform: uppercase; text-decoration: none; color: #fff; display: inline-block; background: #869c9e; text-align: center; float: right; margin-top: 25px; font-size: 26px; letter-spacing: 1px; padding: 8px 15px 6px 15px; } @media only screen and (max-width : 850px) { #home .news-slider .text-content a.button-link { display:none; } } #home .news-slider .text-content a.button-link:hover { color: #869c9e; background: #fff; } #home .news-slider .image-content { line-height: 0; } #home .news-slider .image-content img { width: 50%; } @media only screen and (max-width : 650px) { #home .news-slider .image-content img { width: 100%; } } #home .news-slider .news-pager { text-align: left; display: block; list-style: none; padding: 0; margin: 20px 0 0 0; color: #fff; font-size: 14px; font-weight: bold; position: absolute; z-index: 4; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width : 550px) { #home .news-slider .news-pager { text-align: center; display: inline-block; margin: 10px 0 0 0; position: relative; } } #home .news-slider .news-pager li { display: inline-block; padding: 0; margin: 0; } #home .news-slider .news-pager li.sy-active a, #home .news-slider .news-pager li a:hover { background-color: #fff; border:3px solid #fff; color:#b1ced1; } #home .news-slider .news-pager li a { background-color: #b1ced1; border:3px solid #fff; color:#fff; text-decoration: none; display: block; text-align:center; height: 25px; width: 25px; line-height: 25px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; -webkit-box-shadow: #b3b3b3 0px 0px 3px; -moz-box-shadow: #b3b3b3 0px 0px 3px; box-shadow: #b3b3b3 0px 0px 3px; } #content{ color: #666; padding-bottom: 20px; font-size: 16px; line-height: 24px; } @media only screen and (max-width : 550px) { #content{ padding-top: 25px; } } #content h2, #content h3, #content h4, #content h5{ font-family: 'Ubuntu Condensed', sans-serif; color: #c56444; padding-bottom: 30px; } #content h2{font-size: 34px; line-height: 38px; text-transform:uppercase;} #content h3{font-size: 20px; line-height: 26px; font-family:'Droid Sans',sans-serif; text-transform:uppercase; font-weight:bold;} #content h4{font-size: 18px; line-height: 22px;} #content h5{font-size: 14px; line-height: 18px; font-weight: bold;} @media only screen and (max-width : 550px) { #content h2{font-size: 28px; line-height: 32px;} } #content p{ padding-bottom: 30px; } #content a{ color: #c56444; } #content a:hover{ text-decoration: none; } #content ul{ padding-bottom: 15px; } #content li{ background-image: url(../jpg/bullet-red.jpg); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 20px; padding-bottom: 10px; } #content hr{ margin-top: 0; margin-bottom: 30px; border-top-width: 1px; border-top-style: solid; border-top-color: #D3D3D3; } #content img.size-full{ width:100%; height:auto; border: 5px solid #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .accordion { margin-bottom:30px; -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; } #content .accordion dt{ background-color: #667678; font-size: 20px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #fff; } #content .accordion dt a { display: block; color: #fff; text-decoration: none; text-shadow: 1px 1px #667678; background-color: #667678; padding: 15px; } #content .accordion dt a:hover{ background-color: #b1ced1; } #content .accordion dd { background-color: #fff; padding: 15px; } #content .accordion dt:last-of-type, #content .accordion dd:last-of-type { border:none; } #content table{ margin-bottom: 20px; } #content table th{ background-color:#B1B1B1; } #content table th, #content table td{ border: 2px solid #666; padding:5px; } #content ul.sitemap{ padding-bottom: 5px; padding-top: 5px; } #content ul.sitemap ul{ padding-bottom: 5px; padding-top: 5px; padding-left: 25px; } #content ul.sitemap li{ background-image: url(../jpg/bullet-red.jpg); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 20px; padding-bottom: 5px; } /* Login form additional styles - "login-sidebar-widget" plugin */ #content form .log-form-group input{ margin-bottom: 25px; } #content form ul, #content form li{ margin: 0; padding: 0; background-image: none; } #content form .gfield, form .gfield { margin-bottom: 15px; } #content form .gfield_required, form .gfield_required{ color: #c56444; } #content form input[type="email"], #content form input[type="number"], #content form input[type="search"], #content form input[type="text"], #content form input[type="tel"], #content form input[type="url"], #content form input[type="password"], #content form textarea, #content form select, form input[type="email"], form input[type="number"], form input[type="search"], form input[type="text"], form input[type="tel"], form input[type="url"], form input[type="password"], form textarea, form select { height: 40px; padding: 6px 10px; background-color: #fff; border: 3px solid #ffc35b; box-shadow: none; width: 100%; } #content form textarea, form textarea { height: 150px; } #content form button, #content form input[type="submit"], #content form input[type="reset"], #content form input[type="button"], form button, form input[type="submit"], form input[type="reset"], form input[type="button"] { height: 50px; padding: 0 35px; color: #fff; font-family: LeagueGothicRegular; font-size: 28px; line-height: 40px; letter-spacing: .1rem; background-color: #ffc35b; border: none; } #content form button:hover , #content form input[type="submit"]:hover , #content form input[type="reset"]:hover , #content form input[type="button"]:hover , form button:hover , form input[type="submit"]:hover , form input[type="reset"]:hover , form input[type="button"]:hover { opacity: 0.4; filter: alpha(opacity = 0.4); } #content form .validation_error, #content form .gfield_error .validation_message, .popup_box form .validation_error, .popup_box form .gfield_error .validation_message { border: none; float: left; font-size: 14px; line-height: 18px; font-weight: bold; color: #fff; background-color: #c56444; padding: 5px 2% 5px 2%; width: 96%; margin-bottom: 10px; } #content form .validation_error { width: 90%; margin: 10px 3% 0 3%; clear:both; float:none; } #content form .google_spam_box{ width: 100%; display: block; float: left; } #content form .gfield_description{ font-size: 12px; font-style: italic; line-height: 14px; padding-bottom: 15px; } #content form.add_festival{ background-color: #fff; -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; overflow: auto; margin-top: 5px; } #content form.add_festival h3{ color: #fff; text-transform: uppercase; height: 46px; line-height: 46px; font-size: 24px; padding: 0 20px 0 20px; margin-bottom: 0px; background-color: #c56444; font-family: 'Ubuntu Condensed', sans-serif; font-weight: normal; } #content form.add_festival .gform_page{padding: 20px;} /* The below code will make the radio buttons and checkboxes pretty */ .gfield_radio input[type="radio"], .gfield_checkbox input[type="checkbox"] { opacity: 0; position: fixed; width: 0; } .gfield_radio label { display: inline-block; background-color: #ebebeb; width: 70px; height: 40px; line-height: 40px; padding-left: 40px; margin-bottom: 5px; position: relative; cursor:pointer; font-weight:normal; } .gfield_radio label:before { position: absolute; font-family: 'FontAwesome'; top: 0; left: 10px; content: "\f111"; font-size:20px; } .gfield_radio label:hover { opacity: 0.8; filter: alpha(opacity=80); } .gfield_radio input[type="radio"]:focus + label, .gfield_radio input[type="radio"]:checked + label { background-color: #c56444; color: #fff; } .gfield_radio input[type="radio"]:focus + label:before, .gfield_radio input[type="radio"]:checked + label:before { content: "\f058"; } .gfield_checkbox label { display: inline-block; padding-left: 40px; position: relative; cursor:pointer; font-weight:normal; } .gfield_checkbox label:before { position: absolute; font-family: 'FontAwesome'; top: 0; left: 10px; content: "\f0c8"; font-size:20px; } .gfield_checkbox label:hover { opacity: 0.8; filter: alpha(opacity=80); } .gfield_checkbox input[type="checkbox"]:checked + label { font-weight:bold; color:#c56444; } .gfield_checkbox input[type="checkbox"]:checked + label:before { content: "\f14a"; } #content form.add_festival input[type="text"], #content form.add_festival input[type="email"], #content form.add_festival input[type="number"], #content form.add_festival input[type="tel"], #content form.add_festival input[type="url"], #content form.add_festival textarea, #content form.add_festival select{ border: 3px solid #c56444; background-color: #ebebeb; } #content form.add_festival select.ui-datepicker-month, select.ui-datepicker-month, #content form.add_festival select.ui-datepicker-year, select.ui-datepicker-year{ color:#000; } #content form.add_festival .small {width:50%} @media only screen and (max-width : 550px) { #content form.add_festival .small {width:90%} } #content form.add_festival .gform_page_footer{ overflow:auto; min-height:20px; } #content form.add_festival .gform_page_footer img{ display:block; margin: 10px auto; } #content form.add_festival .gform_previous_button, #content form.add_festival .gform_next_button, #content form.add_festival .gform_button { background-color: #a8c38c; } @media only screen and (max-width : 550px) { #content form.add_festival .gform_previous_button, #content form.add_festival .gform_next_button, #content form.add_festival .gform_button { padding-left: 15px; padding-right: 15px; } } #content form.add_festival .gform_previous_button:hover, #content form.add_festival .gform_next_button:hover, #content form.add_festival .gform_button:hover { background-color: #6d7f5b; } #content form.add_festival .gform_previous_button{ float: left; } #content form.add_festival .gform_next_button, #content form.add_festival .gform_button { float: right; } #content form.add_festival .gf_page_steps{ overflow:auto; padding: 0.5%; width: 99%; min-height:50px; } #content form.add_festival .gf_page_steps .gf_step{ background-color: #a8c38c; color: #fff; margin: 0.5%; padding: 10px 1% 10px 1%; float: left; width: 22%; text-align: center; font-family: LeagueGothicRegular; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; } @media only screen and (max-width : 960px) { #content form.add_festival .gf_page_steps .gf_step{ margin: 1%;; width: 46%; } } #content form.add_festival .gf_page_steps .gf_step_active{ background-color: #c56444; } #content form.add_festival .gf_page_steps .gf_step .gf_step_number{display:none;} #content form.add_festival .upload_logo{ font-weight: bold; text-align: center; } #content form.add_festival .upload_logo span span{ text-transform: capitalize; padding-bottom:10px; } #content form.add_festival .upload_logo input[type="file"]{ position: relative; left:0; top:0; z-index: 999; line-height: 0; font-size: 0; opacity: 0; filter: alpha(opacity = 0); cursor: pointer; _cursor: hand; margin: 0; min-height:40px; width:96%; padding: 0 2% 0 2%; text-align: center; } #content form.add_festival .upload_logo input[type="text"]{ position: relative; left:0; top:-42px; z-index: 99; border:none; background-color:#c56444; min-height:40px; width:100%; padding: 0 2% 0 2%; color:#fff; text-align: center; cursor: pointer; } #content form.add_festival .upload_logo input[type="file"]:hover + input[type="text"]{ background-color: #7d402c; } #content form.add_festival .upload_logo .validation_message { margin-top: -48px; text-align:center; } #content form.add_festival .previewArea{ background-color: #f0f0f0; height: 240px; padding: 20px 0; margin-top: -57px; } @media only screen and (max-width : 550px) { #content form.add_festival .previewArea{ padding: 10px; } } #content form.add_festival .previewArea img{ display:block; border: 2px dashed #d2d2d2; max-height: 240px; max-width: 240px; margin: 0 auto; background-image: url(../png/fests-upload-image-holder.png); background-size: 100% 100%; } @media only screen and (max-width : 550px) { #content form.add_festival .previewArea img{ max-width: 240px; width: 100%; } } #field_19_34 label .gfield_required { /* Revmoves the * sign */ display:none; } #field_1_17 label { /* Revmoves the CAPTCHA label from Register User form */ display:none; } /* This is the style for the logo shown on the Edit Festival page */ #content.edit_festival p.gform_update_post_upload_link{ background-color: #f0f0f0; padding-top: 20px; padding-bottom: 20px; position:relative; top:-57px; } @media only screen and (max-width : 550px) { #content.edit_festival p.gform_update_post_upload_link{ padding: 10px; } } #content.edit_festival p.gform_update_post_upload_link span{ background-color: #adadad; color: #fff; display: block; max-width: 240px; width: 100%; margin: 0 auto; padding-top: 8px; } #content.edit_festival p.gform_update_post_upload_link img{ height: 240px; max-width: 240px; width: 100%; display: block; padding-top: 8px; } @media only screen and (max-width : 550px) { #content.edit_festival p.gform_update_post_upload_link img{ height: auto; } } #content.edit_festival h2.nextToDeleteBtn{ float: left; width: 70%; font-size:28px; line-height:30px; } @media only screen and (max-width : 650px) { #content.edit_festival h2.nextToDeleteBtn{ width: 100%; } } #content.edit_festival a.delete{ background-color: #c56444; float: right; line-height: 40px; text-transform: uppercase; color: #fff; height: 40px; letter-spacing: 1px; font-size: 26px; text-decoration: none; display: block; width: 30%; padding: 0 10px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; text-align:center; } #content.edit_festival a.delete:hover{ background-color: #85442e; } @media only screen and (max-width : 650px) { #content.edit_festival a.delete{ width: 100%; margin-bottom:15px; } } #content .sortBar{ background-color: #b1ced1; min-height: 46px; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 20px; padding: 0 15px; } #content .sortBar h2{ font-family: LeagueGothicRegular; font-size: 26px; margin: 0px; padding: 0px; line-height: 46px; color: #fff; } #content .sortBar p{ padding: 0; } #content .sortBar span.left{float: left; width:75%;} #content .sortBar span.right{float: right; } @media only screen and (max-width : 750px) { #content .sortBar span.left{width:100%;} #content .sortBar span.right{display:none;} } #content .sortBar label{ float: left; line-height: 46px; width:auto; height: 46px; font-weight: normal; margin: 0 10px 0 0; } @media only screen and (max-width : 750px) { #content .sortBar label{ line-height: auto; height: auto; } } #content .sortBar select{ color: #fff; background-color: #b1ced1; border: 2px solid #fff; text-transform: none; font-weight: bold; float: left; font-size: 12px; height: 25px; padding: 0 0 0 4px; margin: 10px 0 10px 0; width:auto; } #content .sortBar .pagenavi { text-align: center; } #content .sortBar .pagenavi span.pages { display:none; } #content .sortBar .pagenavi span.boxes { margin: 0 auto; display: inline-block; } #content .sortBar .pagenavi a, #content .sortBar .pagenavi .first, #content .sortBar .pagenavi .last { text-decoration: none; border: 2px solid #fff; color: #fff; background-color: inherit; } #content .sortBar .pagenavi a, #content .sortBar .pagenavi .first, #content .sortBar .pagenavi .last, #content .sortBar .pagenavi span.current, #content .sortBar .pagenavi span.expand, #content .sortBar .pagenavi .single_page{ display: block; float: left; height: 20px; width: 20px; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center; margin: 10px 0 0 5px; letter-spacing: 0px; } #content .sortBar .pagenavi a:hover { color: #b1ced1; background-color: #fff; } #content .sortBar .pagenavi span.current { text-decoration: none; border: 2px solid #fff; color: #b1ced1; background-color: #fff; } #content .sortBar .pagenavi span.expand { border: 2px solid #b1ced1; color: #fff; background-color: inherit; } #content .sortBar .pagenavi .single_page { border: 2px solid #fff; } #content .searchSummary{ background-color: #b1ced1; text-transform: uppercase; letter-spacing: 1px; color: #fff; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 0 5px 0; padding: 5px; } @media only screen and (max-width : 650px) { #content .searchSummary{ padding: 5px 10px; } } #content .searchSummary .count{ font-size: 34px; color: #667678; line-height: 36px; display: block; min-height: 36px; width: 50px; text-align: center; float: left; } #content .searchSummary .result{ text-align: center; min-height: 36px; line-height: 36px; display: block; float: left; font-size: 20px; letter-spacing: 1px; } @media only screen and (max-width : 650px) { #content .searchSummary .count, #content .searchSummary .result{ font-size: 22px; line-height: 28px; width: auto; text-align: left; float: none; display: inline; margin-right:5px; } } #content .searchSummary .newSearch{ height: 40px; line-height: 40px; display: block; font-family: LeagueGothicRegular; font-size: 22px; letter-spacing: 1px; padding-left: 60px; } #content .searchSummary .search{ padding-left: 58px; margin-bottom: 15px; } #content .searchSummary .search a{display:none;} #content.searchPage{} #content.searchPage .sortBar{ margin-bottom: 20px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } @media only screen and (max-width : 550px) { #content.searchPage .sortBar{ margin-bottom: 0px!important; } } #content.searchPage .sortBar p{ text-transform: none; color: #666; font-size: 14px; } #content.searchPage ul.preSearchBtns{ padding-bottom: 30px; float: left; } #content.searchPage ul.preSearchBtns li{ background-image: none; margin: 1%; padding: 0px; float: left; width: 48%; text-align: center; } #content.searchPage ul.preSearchBtns li a{ background-color: #667678; display: block; padding: 10px; color: #FFF; text-decoration: none; font-size: 20px; text-transform: uppercase; text-shadow: 1px 1px #667678; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 1px; } #content.searchPage ul.preSearchBtns li a:hover{ background-color: #b1ced1; } #content.searchPage form.searchandfilter{ background-color: #b1ced1; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } #content.searchPage form.searchandfilter h4{ font-weight: bold; text-transform: uppercase; color: #FFF; margin: 0px; padding: 0px 0px 10px 0px; letter-spacing: 1px; } #content.searchPage form.searchandfilter li{ padding-bottom: 30px; } #content.searchPage form.searchandfilter li.sf-field-submit{ padding-bottom: 0px; } #content.searchPage form.searchandfilter li li{ padding-bottom: 5px; } #content.searchPage form.searchandfilter ul.sf_date_field{ float: left; margin: 0 0px 20px 0; } #content.searchPage form.searchandfilter ul.sf_date_field li{ float: left; margin: 0 15px 5px 0; } #content.searchPage form.searchandfilter label{ font-weight:normal!important; } #content.searchPage form.searchandfilter input[type=checkbox]{ margin: 0 7px 0 10px; } @media only screen and (max-width : 550px) { #content.searchPage form.searchandfilter input[type=checkbox]{ margin: 0 7px 0 0; } } @media only screen and (max-width : 550px) { #content.searchPage form.searchandfilter .sf-field-taxonomy-awards li, #content.searchPage form.searchandfilter .sf-field-taxonomy-recognised li{ background-color: #667678; color:#fff; padding: 8px 8px 6px 8px; margin-bottom:7px; } } #content.searchPage form.searchandfilter input[type="text"], #content.searchPage form.searchandfilter select{ border: 3px solid #667678; } #content.searchPage form.searchandfilter input[type="submit"]{ background-color: #667678; } #content ol#festival-list li{ color: #666; background-image:none; float: left; margin: 0px; width: 100%; padding: 20px 0 20px 0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #b5b4b0; font-size: 14px; line-height: 18px; } @media only screen and (max-width : 700px) { #content ol#festival-list li .boxShadowForMobile{ float: left; -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; } } #content ol#festival-list h2, #content ol#festival-list h2 a{ color: #c56444; padding-bottom: 10px; font-size: 24px; line-height: 28px; text-decoration: none; text-transform:none; font-weight:normal; } #content ol#festival-list h2 a:hover{ text-decoration: underline; } #content ol#festival-list img{ height: 105px; width: 105px; -webkit-box-shadow: #b3b3b3 0px 0px 4px; -moz-box-shadow: #b3b3b3 0px 0px 4px; box-shadow: #b3b3b3 0px 0px 4px; float: left; margin-right: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width : 700px) { #content ol#festival-list img{ height: auto; margin-right: 0px; margin-bottom: 0px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 10px solid #fff; } } #content ol#festival-list .visit-info{ min-height: 105px; background-color: #d9d9d9; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width : 700px) { #content ol#festival-list .visit-info{ min-height: 10px; background-color: #fff; } } #content ol#festival-list .visit-info span.dates{ display: block; float: left; min-height: 55px; width: 90%; margin: 5% 5% 0 5%; padding: 0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #b5b4b0; } @media only screen and (max-width : 700px) { #content ol#festival-list .visit-info span.dates{ min-height: auto; margin: 0 5% 0 5%; padding: 0 0 4% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } #content ol#festival-list .visit-info span.dates .fa{ margin: 0 5px 0 5px; } #content ol#festival-list .visit-info span.dates span{ float: left; margin-top: 5px; } #content ol#festival-list .visit-info span.country{ display: block; float: left; margin-top: 5px; width: 90%; margin: 10px 5% 5px 5%; } @media only screen and (max-width : 700px) { #content ol#festival-list .visit-info span.country{ display: none; } } #content ol#festival-list .visit-info span.country .fa{ margin-right: 5px; } #content ol#festival-list .percent { width:calc((100% - 220px)/2); } @media only screen and (max-width : 700px) { #content ol#festival-list .percent { width:100%; } } #content ol#festival-list .submit-info{ background-color: #d9d9d9; float: left; margin-left: 3px; min-height: 105px; } @media only screen and (max-width : 700px) { #content ol#festival-list .submit-info{ margin-left: 0px; min-height: 10px; background-color: #fff; } } #content ol#festival-list .submit-info span.dates{ display: block; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #b5b4b0; min-height: 55px; width: 90%; margin: 5% 5% 0 5%; } @media only screen and (max-width : 700px) { #content ol#festival-list .submit-info span.dates{ border:none; min-height: 10px; width: 90%; margin: 4% 5% 5% 5%; } } #content ol#festival-list .submit-info span.dates span{ float: left; width: 100%; margin-top: 5px; } #content ol#festival-list .submit-info span.cost{ display: block; float: left; width: 90%; margin: 10px 5% 0 5%; } @media only screen and (max-width : 700px) { #content ol#festival-list .submit-info span.cost{ display: none; } } #content ol#festival-list .links-info{ float: left; margin-left: 3px; min-height: 105px; width: 100px; } @media only screen and (max-width : 700px) { #content ol#festival-list .links-info{ margin-left: 0px; width: 100%; min-height: 10px; background-color: #fff; } } #content ol#festival-list .links-info span.editArea{ background-color: #d9d9d9; float: left; display: block; height: 63px; width: 100%; margin-bottom: 3px; } @media only screen and (max-width : 700px) { #content ol#festival-list .links-info span.editArea{ background-color: #fff; height: auto; margin-bottom: 0px; } } #content ol#festival-list .links-info span.editArea button{ float: right; cursor:pointer; color: #8f8f8f; background-color: #f0efea; font-size: 12px; line-height:12px; text-transform: uppercase; font-family: 'Droid Sans', sans-serif; margin: 5px 5px 0 0; height:auto; padding: 3px; } @media only screen and (max-width : 700px) { #content ol#festival-list .links-info span.editArea button{ display: none; } } #content ol#festival-list .links-info span.editArea button:hover{ color: #fff; background-color: #666; } #content ol#festival-list .links-info a{ display: block; float: left; text-transform: uppercase; letter-spacing: 1px; color: #fff; text-align: center; text-decoration: none; font-size: 22px; width: 100%; } @media only screen and (max-width : 700px) { #content ol#festival-list .links-info a{ margin: 0px 3% 3% 3%; width: 94%; } } #content ol#festival-list .links-info a.website{ color: #a8c38c; margin-top: 10px; line-height: 25px; height: 25px; } @media only screen and (max-width : 700px) { #content ol#festival-list .links-info a.website{ color: #a8c38c; margin-top: 0px; line-height: 39px; height: 39px; background-color: #d9d9d9; } } #content ol#festival-list .links-info a.website .fa-link{ font-size: 20px; margin-right: 3px; } #content ol#festival-list .links-info a.more{ background-color: #d9d9d9; color: #c56444; line-height: 39px; height: 39px; } #content ol#festival-list .links-info a.more .fa{ font-size: 22px; margin-left: 2px; } #content ol#festival-list .links-info a:hover.website, #content ol#festival-list .links-info a:hover.more{ color: #fff; } #content.single-festival {} #content.single-festival h2.title{ font-family: LeagueGothicRegular; text-transform: uppercase; font-weight:normal; background-color: #c56444; letter-spacing: 1px; float: left; color: #fff; overflow: hidden; font-size: 26px; line-height:26px; padding: 10px 2% 10px 2%; margin: 0px 0 20px 0; min-height: 46px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width : 750px) { #content.single-festival h2.title{ margin: 0px 0 20px 0; } } #content.single-festival .imageSide{ float: left; width: 35%; } @media only screen and (max-width : 550px) { #content.single-festival .imageSide{ width: 100%; } } #content.single-festival .imageSide img.festLogo{ -webkit-box-shadow: #b3b3b3 0px 0px 10px; -moz-box-shadow: #b3b3b3 0px 0px 10px; box-shadow: #b3b3b3 0px 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; width: 100%; padding: 6px; background-color: #fff; margin-bottom: 10px; } #content.single-festival .imageSide a{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; display: block; color: #fff; text-decoration: none; font-size: 28px; text-transform: uppercase; letter-spacing: 1px; padding: 0 10px 0 10px; overflow:hidden; } #content.single-festival .imageSide a fa{ float: left; } #content.single-festival .imageSide a span{ float: right; } #content.single-festival .imageSide a.facebook{ background-color: #00539e; background-position: 25px 0px; } #content.single-festival .imageSide a.twitter{ background-color: #60c7e7; background-position: 10px -99px; height: 38px; } #content.single-festival .imageSide a.instagram{ background-color: #e80071; background-position: 10px -99px; height: 38px; } #content.single-festival .imageSide a.filmfreeway{ background-color: #fcaf4c; height: 40px; text-align:center; } #content.single-festival .imageSide a.filmfreeway img{ display:inline-block; height: 28px; padding: 6px 0; width: auto; } #content.single-festival .imageSide a:hover{ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } #content.single-festival .detailsSide{ float: right; font-size: 14px; line-height: 18px; width: 60%; } @media only screen and (max-width : 550px) { #content.single-festival .detailsSide{ width: 100%; } } #content.single-festival .detailsSide p.dates{ font-size: 26px; line-height: 24px; padding-bottom: 10px; } #content.single-festival .detailsSide .editBtn{ float: right; padding: 0 15px 0 15px; height:30px; line-height:30px; cursor:pointer; background-color: #d9d9d9; font-size: 20px; } @media only screen and (max-width : 550px) { #content.single-festival .detailsSide .editBtn{ height:40px; line-height:40px; width:100%; margin-bottom:15px; } } #content.single-festival .detailsSide .editBtn:hover{ color: #fff; background-color: #666; } #content.single-festival .detailsSide p{ margin: 0px; padding-bottom: 6px; } #content.single-festival .detailsSide p:after { content:''; display:block; clear: both; } #content.single-festival .detailsSide p span.title{ display: block; float: left; width: 80px; font-weight: bold; } #content.single-festival .detailsSide p span.info{ display: block; float: left; } #content.single-festival .detailsSide a.website{ display: inline-block; background:#a8c38c; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; text-decoration: none; line-height: 37px; height: 35px; margin: 15px 0 20px 80px; overflow:hidden; padding: 0 20px; } #content.single-festival .detailsSide a:hover.website{color: #6d7f5b;} #content.single-festival #parentHorizontalTab { width: 100%; font-size: 14px; padding: 40px 0 40px 0; } #content.single-festival .resp-tabs-container p{ float: left; width: 100%; margin: 0px; padding-bottom: 20px; } #content.single-festival .resp-tabs-container span.small a{ font-size: 12px; font-weight: normal; } #content.single-festival .resp-tabs-container ul{ display: block; float: left; margin: 0 0 0 1px; padding: 0 0 20px 0; width: 100%; } #content.single-festival .resp-tabs-container li{ display: block; margin: 0; padding: 0 0 0 15px; background-image: url(../jpg/bullet-green.jpg); } #content.single-festival .resp-tabs-container a.form{ display: inline-block; background:#a8c38c; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; text-decoration: none; line-height: 37px; height: 35px; margin: 0; overflow:hidden; padding: 0 20px; } #content.single-festival .resp-tabs-container a:hover.form{color: #6d7f5b;} #content.single-festival .resp-tabs-list li { display: inline-block; list-style: none; cursor: pointer; float: left; background-image:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; opacity:1; filter:alpha(opacity=100); text-transform: uppercase; text-align: center; line-height: 40px; font-size: 18px; min-height: 40px; width: 48%; padding: 0 3% 0 3%; margin: 0 1% 0 1%; } #content.single-festival .resp-tabs-list li.about{background-color: #c56444!important; color: #fff;} #content.single-festival .resp-tabs-list li.submissions{background-color: #a8c38c!important; color: #fff;} @media only screen and (max-width : 550px) { #content.single-festival .resp-tabs-list li.submissions span{display:none;} } #content.single-festival .resp-tabs-list li:hover{ opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ color: #fff; } #content.single-festival .resp-tab-active { opacity:1!important; filter:alpha(opacity=100)!important; color: #fff!important; margin-bottom: -3px !important; } #content.single-festival .resp-tab-active.about { border-bottom-width: 5px; border-bottom-style: solid; border-color: #c56444!important; } #content.single-festival .resp-tab-active.submissions { border-bottom-width: 5px; border-bottom-style: solid; border-color: #a8c38c!important; } #content.single-festival .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } #content.single-festival h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } #content.single-festival .resp-tab-content { display: none; padding: 20px; } #content.single-festival .resp-content-active, .resp-accordion-active { display: block; } #content.single-festival .resp-tab-content {} #content.single-festival .resp-tab-content-active.about{ border: 3px solid #c56444; } #content.single-festival .resp-tab-content-active.submissions{ border: 3px solid #a8c38c; } #content.userAccount h2, #content.userAccount h3{ color: #a8c38c; } #content.userAccount h3{ padding-bottom:0px; } #content.userAccount p{ padding-bottom:10px!important; } #content.userAccount .log_forms, #content.userAccount .log_forms form { border:none; padding:0!important; } #content.userAccount form input[type="email"], #content.userAccount form input[type="number"], #content.userAccount form input[type="search"], #content.userAccount form input[type="text"], #content.userAccount form input[type="tel"], #content.userAccount form input[type="url"], #content.userAccount form input[type="password"], #content.userAccount form textarea, #content.userAccount form select{ border: 3px solid #a8c38c; box-sizing: border-box; width:70%; font-size: 14px; color: #666; } @media only screen and (max-width : 850px) { #content.userAccount form input[type="email"], #content.userAccount form input[type="number"], #content.userAccount form input[type="search"], #content.userAccount form input[type="text"], #content.userAccount form input[type="tel"], #content.userAccount form input[type="url"], #content.userAccount form input[type="password"], #content.userAccount form textarea, #content.userAccount form select{ width:100%; } } #content.userAccount form .gfield_radio label { width: 120px; } #content.userAccount form .gfield_radio input[type="radio"]:focus + label, #content.userAccount form .gfield_radio input[type="radio"]:checked + label { background-color: #a8c38c; } #content.userAccount form button, #content.userAccount form input[type="submit"], #content.userAccount form input[type="reset"], #content.userAccount form input[type="button"]{ background-color: #a8c38c; width: auto; margin-top: 15px; } #content.userAccount form .passwords .ginput_container label{ font-style: italic; color: #999; font-size: 14px; line-height: 26px; font-weight:normal; margin-bottom:15px; } #content.userAccount form #recaptcha_widget_div{ background-color: #fff; float: left; margin-bottom: 20px; line-height: 0px; } #content.userAccount form #recaptcha_widget_div label{display:none;} #content.userAccount form .validation_error, #content.userAccount .error_wid_login{ background-color: #c56444; border:none; color: #fff; font-size: 14px; margin-bottom: 15px; font-weight: bold; width: 96%; margin: 10px 0 10px 0; padding: 10px 2%; } #content.userAccount .success_wid_login{ background-color: #a8c38c; border:none; color: #fff; font-size: 14px; margin-bottom: 15px; font-weight: bold; width: 96%; margin: 10px 0 10px 0; padding: 10px 2%; } #content.userAccount form .form-group input[type="text"], #content.userAccount form .form-group input[type="submit"] { margin-bottom: 15px; } #content.userAccount form .gform_validation_container, .gform_validation_container { display: none; } #content.newsIndex .newsItem a{ display: block; text-decoration: none; border-top-width: 1px; border-top-style: solid; border-top-color: #bdbdbd; width: 96%; padding: 15px 4% 15px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #content.newsIndex .newsItem a:hover{ background-color: #E5E5E5; width: 96%; padding: 15px 2% 15px 2%; overflow:hidden; } #content.newsIndex .newsItem:nth-child(2) a{ border: none; } #content.newsIndex .newsItem h3{ color: #666; text-transform:none; padding:0; margin:0; font-size: 16px; } #content.newsIndex .newsItem .date{ display:block; color: #999; text-transform:uppercase; } #content.newsIndex .newsItem .more{ display:block; text-transform:uppercase; font-size: 14px; } #content.newsIndex a.skwigly{ display:block; text-transform:uppercase; font-size: 12px; background:#385f80; color:#fff; text-decoration:none; padding: 10px; } #content.newsIndex a.skwigly:hover{ text-decoration:underline; } #content.newsIndex a.skwigly img{ display:block; float:left; width: 25px; height:auto; margin-right: 10px; } #content .donate-box { width: 100%; float:left; clear:both; margin-bottom: 50px; background: #363636; } #content .donate-box .donate-form, #content .donate-box .donate-blurb { width: 50%; float: left; padding: 20px; box-sizing: border-box; } @media only screen and (max-width : 750px) { #content .donate-box .donate-form, #content .donate-box .donate-blurb { width: 100%; } } #content .donate-box .donate-form { background: #363636; } #content .donate-box .donate-form h3{ color: #fff; padding:0 0 20px 0; margin: 0px 2%; } #content .donate-box .donate-form li{ padding:0; margin:0; } #content .donate-box .donate-form ul.gfield_radio { padding:0; margin:0; } #content .donate-box .donate-form ul.gfield_radio input[type="radio"] { opacity: 0; position: fixed; width: 0; } #content .donate-box .donate-form ul.gfield_radio li { display: block; float:left; width: 29.33%; margin: 0px 2% 7px; } #content .donate-box .donate-form ul.gfield_radio label { box-sizing: border-box; width: 100%; padding: 0; height: 45px; line-height: 45px; font-family: Arial, sans-serif; background: #fff; font-size: 20px; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #content .donate-box .donate-form ul.gfield_radio label:before { content: ""; } #content .donate-box .donate-form ul.gfield_radio label:hover, #content .donate-box .donate-form li.other-amount input[type="text"]:hover, #content .donate-box .donate-form li.other-amount input[type="text"]:focus { opacity:0.8; filter:alpha(opacity=80); } #content .donate-box .donate-form .gfield_radio input[type="radio"]:checked + label, #content .donate-box .donate-form .gfield_radio input[type="radio"]:focus + label, #content .donate-box .donate-form li.other-amount input[type="text"] { background: #51aff7; color: #fff; } #content .donate-box .donate-form .donation-total, #content .donate-box .donate-form .gfield_label { display:none; } #content .donate-box .donate-form li.other-amount { display:inline-block; position:relative; float: right; width: 62.66%; margin: 0 2% 0px; height: 45px; } #content .donate-box .donate-form li.other-amount input[type="text"]{ border: none; padding-left:40px; height: 45px; background: #fff; color: #666!important; font-size: 20px; font-family: Arial, sans-serif; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position:relative; } #content .donate-box .donate-form li.other-amount:before { position: absolute; z-index: 999; font-family: Arial, sans-serif; content: "£"; font-size:24px; height:45px; line-height:45px; width: 30px; background: #51aff7; color: #fff; text-align:center; } #content .donate-box .donate-form .padlock{ display: inline-block; text-align:right; width:96%; margin: 0px 2%; text-transform:uppercase; color:#fff; font-size: 12px; } #content .donate-box .donate-form input[type="submit"]{ color:#51aff7; background-color:#51aff7; background-image:url(../png/paypal-donate-button-retina.png); background-size: 50% auto; background-repeat:no-repeat; background-position: center center; text-transform:none; font-size: 1px; width: 96%; height: 80px; margin: 0 2%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #content .donate-box .donate-form input[type="submit"]:hover { opacity:0.8; filter:alpha(opacity=80); } #content .donate-box .donate-form p { width: 96%; margin: 20px 2% 0; padding: 0; font-size: 11px; line-height: 14px; color: #fff; } #content .donate-box .donate-form p a{ color:#51aff7; } #content .donate-box .donate-blurb { background: #b1ced1; color: #667678; } #content .donate-box .donate-blurb h2 { color: #fff; line-height: 30px; padding: 8px 0 35px 0; font-family: LeagueGothicRegular; font-size: 46px; } #content .donate-box .donate-blurb p { padding: 0 0 35px 0; } #content .donate-box .donate-blurb p:last-child{ padding: 0 0 15px 0; } #content .donate-box .donate-blurb strong { color: #555; } #content .download-list-box { width: 100%; float:left; clear:both; margin-bottom: 30px; background: #363636; } #content .download-list-box h3{ color: #fff; padding: 15px 0; background: #667678; text-align:center; } #content .download-list-box .buy-form, #content .download-list-box .buy-blurb { width: 50%; float: left; padding: 20px; box-sizing: border-box; } @media only screen and (max-width : 750px) { #content .download-list-box .buy-form, #content .download-list-box .buy-blurb { width: 100%; } } #content .download-list-box .buy-form { background: #363636; text-align:center; } #content .download-list-box .buy-form li{ padding:0; margin:0; } #content .download-list-box .buy-form .gfield_label { display:none; } #content .download-list-box .buy-form input[type="text"], #content .download-list-box .buy-form input[type="email"]{ border: none; margin: 10px 0; } #content .download-list-box .buy-form input[type="text"]:hover, #content .download-list-box .buy-form input[type="email"]:hover, #content .download-list-box .buy-form input[type="text"]:focus, #content .download-list-box .buy-form input[type="email"]:focus { opacity:0.8; filter:alpha(opacity=80); } #content .download-list-box .buy-form .padlock{ display: inline-block; text-align:right; width:96%; margin: 0px 2%; text-transform:uppercase; color:#fff; font-size: 12px; } #content .download-list-box .buy-form .price .ginput_container{ background: #51aff7; color: #fff; width: 50%; margin: 10px auto 10px; padding: 15px; font-family: LeagueGothicRegular; font-size: 26px; text-transform: uppercase; font-weight:normal!important; letter-spacing: 2px; } #content .download-list-box .buy-form .price .ginput_container input[type="text"]{ background: #51aff7; color: #fff; text-align:center; font-size: 32px; height: 35px; margin: 0!important; } #content .download-list-box .buy-form .price .ginput_container input[type="text"]:hover { opacity:1; filter:alpha(opacity=100); } #content .download-list-box .buy-form p.terms{ font-size: 14px; line-height: 20px; padding-bottom: 30px; } #content .download-list-box .buy-form input[type="image"]{ width: 100%; height:auto; border:none; } @media (max-width: 550px) { #content .download-list-box .buy-form input[type="image"]{ width: 70%; } } #content .download-list-box .buy-form input[type="image"]:hover { opacity:0.8; filter:alpha(opacity=80); } #content .download-list-box .buy-form p { width: 96%; margin: 20px 2% 0; padding: 0; font-size: 11px; line-height: 14px; color: #fff; } #content .download-list-box .buy-form p a{ color:#51aff7; } #content .download-list-box .buy-blurb { background: #b1ced1; color: #667678; } #content .download-list-box .buy-blurb p { padding: 3px 0 30px 0; } #content .download-list-box .buy-blurb li { padding-left: 25px; background:none; font-weight:bold; } #content .download-list-box .buy-blurb li:last-child { padding-bottom: 0px; } #content .download-list-box .buy-blurb li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -25px; width: 25px; color:#008100; } #content .download-list-box .buy-form h2{ color:#fff!important; background:#c56444!important; border:none!important; text-transform:none!important; font-size:18px!important; line-height:20px!important; padding: 10px 2% 15px 2%!important; margin-bottom:15px; } #amazonFooter{ color:#fff; background: #adb3b4; } #amazonFooter .content{ padding-top:20px; padding-bottom:20px; } #amazonFooter .content:after, .buttons::after{ clear:both; content:""; display:table; } #amazonFooter h2{ text-transform:uppercase; text-align:center; width: 100%; padding: 10px 0; margin-bottom: 20px; background:#232f3e; } #amazonFooter { text-align:center; } #amazonFooter .moreBooks{ text-decoration:none; display: inline-block; padding: 12px 45px 10px; margin: -15px 0 0 0; background: #232f3e; color: #fff; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 550px) { #amazonFooter .moreBooks{ display:none; } } #amazonFooter .moreBooks:hover{ color: #ff9900; } .amazonBook { margin-bottom: 35px; } @media (max-width: 550px) { .amazonBook.sideBox { display:none; } } .amazonBook:nth-child(1), .amazonBook:nth-child(4), .amazonBook:nth-child(7), .amazonBook:nth-child(10) { margin-left:0 } .amazonBook a{ text-decoration: none; } .amazonBook img.bookImage{ width: 100%; height: auto; display: block; background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .amazonBook img.bookImage:hover{ opacity:0.7; filter:alpha(opacity=70); } .amazonBook h3, #content .amazonBook h3{ font-size: 1.6em; line-height: 1.3em; background: #fff; padding: 10px 15px; min-height: 105px; text-transform:none; font-family: LeagueGothicRegular; font-weight:normal; } @media (max-width: 850px) { .amazonBook h3, #content .amazonBook h3{ font-size: 1.3em; line-height: 1.2em; min-height: auto; } } @media (max-width: 550px) { .amazonBook h3, #content .amazonBook h3{ display:none; } } .amazonBook h3 a, #content .amazonBook h3 a{ color: #6D6F68; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .amazonBook h3 a:hover, #content .amazonBook h3 a:hover{ color: #c56444; } .amazonBook .buyButtons{ background: #232f3e; position:relative; } .amazonBook .buyButtons a{ position:relative; z-index: 1; display: block; box-sizing: border-box; width: 100%; font-weight:bold; border: 2px solid #ff9900; background: #ff9900; color: #fff; padding: 10px; } .amazonBook .buyButtons a.usa{ margin-top: 2px; } .amazonBook .buyButtons a:hover{ border-top: 2px solid #a16100; border-left: 2px solid #a16100; border-bottom: 2px solid #febc5a; border-right: 2px solid #febc5a; padding: 12px 8px 8px 12px; background: #e98f09; } .amazonBook .buyButtons a .price{ display: block; float:left; width: 50%; font-size: 2.0em; line-height:1.0em; padding-top: 2px; text-align:left; color: #fff; } .amazonBook .buyButtons a .country{ display: block; float:right; text-align:right; width: 50%; color: #232f3e; font-size: 1.0em; line-height:1.0em; text-transform:uppercase; } .amazonBook .buyButtons a .country img{ width: 80%; float: right; } .amazonBook span.or{ position:absolute; left: 50%; z-index: 2; display: block; margin: -14px 0 0 -15px;; background: #232f3e; color: #fff; width: 30px; height: 30px; line-height:29px; border-radius:50%; text-align:center; font-weight:bold; font-size: 1.0em; } /* .responsive-menu li.home{background-color: #a8c38c; text-shadow: 2px 2px #6d7f5b;} .responsive-menu li.festivals{background-color: #c56444; text-shadow: 2px 2px #7d402c;} .responsive-menu li.searchTab{background-color: #b1ced1; text-shadow: 2px 2px #667678;} .responsive-menu li.addFest{background-color: #b47e4c; text-shadow: 2px 2px #6d4d2f;} .responsive-menu li.services{background-color: #ffc35b; text-shadow: 2px 2px #aa823e;} .responsive-menu li.stuff{background-color: #8e8897; text-shadow: 2px 2px #4a474e;} */