/* General */ :root { --border-radius: 4px; --border-radius2x: 8px; --default: #777; /* PRIMARY */ --primary: #000000; --primary-100: #141414; --primary-200: #1f1f1f; --primary-300: #2a2a2a; --primary--100: #0a0a0a; --primary--200: #050505; --primary--300: #000000; --primary-rgba-0: rgba(0, 0, 0, 0); --primary-rgba-10: rgba(0, 0, 0, 0.1); --primary-rgba-20: rgba(0, 0, 0, 0.2); --primary-rgba-30: rgba(0, 0, 0, 0.3); --primary-rgba-40: rgba(0, 0, 0, 0.4); --primary-rgba-50: rgba(0, 0, 0, 0.5); --primary-rgba-60: rgba(0, 0, 0, 0.6); --primary-rgba-70: rgba(0, 0, 0, 0.7); --primary-rgba-80: rgba(0, 0, 0, 0.8); --primary-rgba-90: rgba(0, 0, 0, 0.9); /* SECONDARY */ --secondary: #e62126; --secondary-100: #cf1d21; --secondary-200: #b9191d; --secondary-300: #a31619; --secondary--100: #f12b2f; --secondary--200: #f33d3f; --secondary--300: #f44e50; --secondary-rgba-0: rgba(230, 33, 38, 0); --secondary-rgba-10: rgba(230, 33, 38, 0.1); --secondary-rgba-20: rgba(230, 33, 38, 0.2); --secondary-rgba-30: rgba(230, 33, 38, 0.3); --secondary-rgba-40: rgba(230, 33, 38, 0.4); --secondary-rgba-50: rgba(230, 33, 38, 0.5); --secondary-rgba-60: rgba(230, 33, 38, 0.6); --secondary-rgba-70: rgba(230, 33, 38, 0.7); --secondary-rgba-80: rgba(230, 33, 38, 0.8); --secondary-rgba-90: rgba(230, 33, 38, 0.9); /* TERTIARY (white) */ --tertiary: #ffffff; --tertiary-100: #f2f2f2; --tertiary-200: #e6e6e6; --tertiary-300: #d9d9d9; --tertiary--100: #ffffff; --tertiary--200: #ffffff; --tertiary--300: #ffffff; --tertiary-rgba-0: rgba(255, 255, 255, 0); --tertiary-rgba-10: rgba(255, 255, 255, 0.1); --tertiary-rgba-20: rgba(255, 255, 255, 0.2); --tertiary-rgba-30: rgba(255, 255, 255, 0.3); --tertiary-rgba-40: rgba(255, 255, 255, 0.4); --tertiary-rgba-50: rgba(255, 255, 255, 0.5); --tertiary-rgba-60: rgba(255, 255, 255, 0.6); --tertiary-rgba-70: rgba(255, 255, 255, 0.7); --tertiary-rgba-80: rgba(255, 255, 255, 0.8); --tertiary-rgba-90: rgba(255, 255, 255, 0.9); /* QUATERNARY = red (like secondary) */ --quaternary: #e62126; --quaternary-100: #cf1d21; --quaternary-200: #b9191d; --quaternary-300: #a31619; --quaternary--100: #f12b2f; --quaternary--200: #f33d3f; --quaternary--300: #f44e50; --quaternary-rgba-0: rgba(230, 33, 38, 0); --quaternary-rgba-10: rgba(230, 33, 38, 0.1); --quaternary-rgba-20: rgba(230, 33, 38, 0.2); --quaternary-rgba-30: rgba(230, 33, 38, 0.3); --quaternary-rgba-40: rgba(230, 33, 38, 0.4); --quaternary-rgba-50: rgba(230, 33, 38, 0.5); --quaternary-rgba-60: rgba(230, 33, 38, 0.6); --quaternary-rgba-70: rgba(230, 33, 38, 0.7); --quaternary-rgba-80: rgba(230, 33, 38, 0.8); --quaternary-rgba-90: rgba(230, 33, 38, 0.9); /* DARK = black */ --dark: #000000; --dark-100: #141414; --dark-200: #1f1f1f; --dark-300: #2a2a2a; --dark--100: #0a0a0a; --dark--200: #050505; --dark--300: #000000; --dark-rgba-0: rgba(0, 0, 0, 0); --dark-rgba-10: rgba(0, 0, 0, 0.1); --dark-rgba-20: rgba(0, 0, 0, 0.2); --dark-rgba-30: rgba(0, 0, 0, 0.3); --dark-rgba-40: rgba(0, 0, 0, 0.4); --dark-rgba-50: rgba(0, 0, 0, 0.5); --dark-rgba-60: rgba(0, 0, 0, 0.6); --dark-rgba-70: rgba(0, 0, 0, 0.7); --dark-rgba-80: rgba(0, 0, 0, 0.8); --dark-rgba-90: rgba(0, 0, 0, 0.9); /* LIGHT = white */ --light: #ffffff; --light-100: #f2f2f2; --light-200: #ececec; --light-300: #e6e6e6; --light--100: #ffffff; --light--200: #ffffff; --light--300: #ffffff; --light-rgba-0: rgba(255, 255, 255, 0); --light-rgba-10: rgba(255, 255, 255, 0.1); --light-rgba-20: rgba(255, 255, 255, 0.2); --light-rgba-30: rgba(255, 255, 255, 0.3); --light-rgba-40: rgba(255, 255, 255, 0.4); --light-rgba-50: rgba(255, 255, 255, 0.5); --light-rgba-60: rgba(255, 255, 255, 0.6); --light-rgba-70: rgba(255, 255, 255, 0.7); --light-rgba-80: rgba(255, 255, 255, 0.8); --light-rgba-90: rgba(255, 255, 255, 0.9); /* INVERSE */ --primary-inverse: #ffffff; --secondary-inverse: #ffffff; --tertiary-inverse: #000000; --quaternary-inverse: #000000; --dark-inverse: #ffffff; --light-inverse: #000000; /* GREY (neutralized around mid-grey) */ --grey: #888888; --grey-100: #f2f2f2; --grey-200: #e0e0e0; --grey-300: #cccccc; --grey-400: #b3b3b3; --grey-500: #999999; --grey-600: #888888; --grey-700: #777777; --grey-800: #555555; --grey-900: #333333; --grey-1000: #1a1a1a; } .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} html { font-size: 16px; color: #4D4D4D; font-family: "Mukta", sans-serif; font-weight: 400; font-style: normal;} body, html { position: relative; overflow-x: hidden;} body{letter-spacing: normal;font-size: 16px; color: #000000;} p {color: #000000; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;} h1, h2, h3, h4, h5, h6 { ; font-optical-sizing: auto; font-style: normal;color: #EC1C24} h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem; } h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem;} h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem; } h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem;} h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem;} h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem; } a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #000 ;} a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #EC1C24;} .make-relative {position: relative} .clear {clear:both; height:0px;} .clear10 {clear:both; height:10px;} .clear15 {clear:both; height:15px;} .clear20 {clear:both; height:20px;} .clear30 {clear:both; height:30px;} .clear40 {clear:both; height:40px;} .clear50 {clear:both; height:50px;} .clear60 {clear:both; height:60px;} /*Cookies*/ /* #consent_form{position:fixed;bottom:1em;right:1em;padding:2em;background-color:#fff;font-size:.8em;width:30em;max-height:calc(100% - 6em);overflow:auto;border-radius:.3em;z-index:10000;box-shadow:0 0 10px 0 #00000040} .gdpr-row.switch-cookie{display:flex;align-items:center;justify-content:center} .switch-container{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;position:relative;margin-bottom:10px} .gdpr-cookie-checkbox{opacity:0;width:0;height:0;position:absolute} .slider-cookie{position:relative;display:inline-block;width:50px;height:24px;background-color:#ccc;border-radius:34px;transition:background-color .3s;margin:0} .slider-cookie.round::before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s} .gdpr-cookie-checkbox:checked + .slider-cookie{background-color:#0e3a5e} .gdpr-cookie-checkbox:checked + .slider-cookie.round::before{transform:translateX(26px)} .consent_form_hidden{display:none} */ .gdpr-cookie-trigger{position:fixed;bottom:50px;right:0;padding:.2em 1em;background-color:#0e3a5e;font-size:.8em;z-index:10000;box-shadow:0 0 10px 0 #00000040} .gdpr-cookie-trigger a{color:#fff} .fa-cookie-bite::before{content:"\f564"} #header .header-body { background: #000; border: 0;} html.sticky-header-active #header .header-body { box-shadow: none; border: 0;} @media (min-width: 992px) { #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: #EC1C24; } #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active { color: #fff; } #header .header-nav.header-nav-links nav > ul li:hover > a { color: #fff; } #header .header-logo img {top: 0px} #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { padding: 0 1rem; } } .btn-gradient-custome:hover{color:#EC1C24} .btn-gradient-custome{background: linear-gradient(to right, #f75a5f 12%, #EC1C24 88%);border-radius:25px;color:#fff} .btn-sponzori{background:#f9f3eb;border-radius:25px;color:#000} .lika-fest-call{padding:120px 0 180px} .logo-bijeli{height:80px} #footer{background:#000;border:0;margin-top:30px;padding:30px 0 40px;color:#fff} #footer p{color:#fff} #footer::before{content:"";position:absolute;background-image:url(https://jesenulici.hr/likafest/slike/footer-top.png);background-repeat:repeat-x;display:block;top:0;width:100%;height:93px;z-index:24;top:-90px;background-size:cover} .logo-footer{position:relative;z-index:30;top:0;height:70px;margin:0 auto 30px} #footer a:not(.btn):not(.no-footer-css){color:#fff} #footer a:not(.btn):not(.no-footer-css):hover{color:#EC1C24} #footer .social-icons{margin:15px 0} #footer .social-icons li a{color:#fff!important} #footer h4{font-size:1.5rem} #portfolioGrid{margin:.5vw} #portfolioGrid li{list-style:none} #portfolioGrid.portfolioGridFullNoMargins{margin:0} #portfolioGrid.portfolioGridFullNoMargins .portfolio-grid-item{padding:0} .portfolio-grid-item{padding:.5vw} .portfolio-grid-item .thumb-info{border:none} .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background{transform:scale(1.1)} .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title{opacity:1;transform:translate3d(-50%,50%,0px)} .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span{opacity:1;transform:translate3d(0,0,0)} .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus{opacity:1;width:30%} .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after{transform:translate3d(-50%,-50%,0) rotate(90deg)} .portfolio-grid-item .thumb-info .thumb-info-wrapper{background-size:cover;width:100%} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1{height:33.5vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2{height:16.25vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3{height:12.25vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4{height:19.25vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper:after{background:#0a0c2480;top:0;right:0;bottom:0;left:0} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background{position:absolute;top:0;left:0;background-size:cover;background-position:center;width:100%;height:100%;transition:ease all .3s} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title{width:90%;background:transparent;bottom:50%;left:50%;right:auto;opacity:0;text-transform:none;margin:0;line-height:1.4;font-size:30px;font-weight:300!important;text-shadow:none;letter-spacing:-1px;transition:all .3s ease;transform:translate3d(-50%,40%,0px)} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span{display:block;opacity:0;text-transform:none;font-size:16px;transform:translate3d(0,-40%,0px);transition:all .3s ease .3s} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus{opacity:0;position:absolute;width:10%;top:50%;left:50%;z-index:2;transform:translate3d(-50%,-50%,0);transition:ease all .3s} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before,.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after{content:'';display:block;position:absolute;width:100%;top:50%;left:50%;border-top:1px solid #FFF;transform:translate3d(-50%,-50%,0)} .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after{transform:translate3d(-50%,-50%,0) rotate(0deg)} @media (max-width: 991px) { #portfolioGrid{margin:1.5vw} .portfolio-grid-item{padding:1.5vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1{height:47.5vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2{height:22.25vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3{height:20.25vw} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4{height:30.25vw} } @media (max-width: 767px) { #portfolioGrid:not(.portfolioGridFullNoMargins){margin:0} #portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child .portfolio-grid-item{padding:4.5vw} .portfolio-grid-item{padding:4.5vw 4.5vw 0} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4{height:50vw} } @media (max-width: 576px) { .portfolio-grid-item{padding:4.5vw 4.5vw 0} .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3,.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4{height:70vw} } .jesen-gallery{background:url(https://jesenulici.hr/likafest/slike/izlozba-jesen-u-lici-gospic.png);background-repeat:no-repeat;background-size:cover;background-position:top left;padding:80px 0} .jesen-gallery h2{text-align:center;margin:30px 0;font-size:2.4rem;font-style:italic;font-weight:600} .intro-poc{padding:40px 0;background:url(https://jesenulici.hr/likafest/slike/prijava-izlagaca-jesen-u-lici.png);background-repeat:no-repeat;background-size:cover;background-position:top right} .intro-poc-godina{color:#EC1C24;text-align:center;padding:30px 0;font-size:10rem;font-style:italic;font-weight:600;display:block;margin-top:120px} .intro-poc-godina-opis{color:#EC1C24;text-align:center;padding:30px 0;font-size:2.6rem;font-style:italic;font-weight:500;display:block;line-height:3.4rem} .intro-poc-veci{color:#EC1C24;display:block;margin:30px 0;font-weight:500;font-size:1.1rem} .bg-sivi{background:#f7f7f7} .card-body-custom{cursor:pointer;min-height:auto} .card-body-custom p,.card-body-custom{font-size:.9rem;margin-bottom:30px} .card-body-custom h3{font-size:1.3rem} .card-body-custom h3 a{color:#EC1C24} .logo-holder{height:auto;background-color:#fff;width:auto;padding:20px 10px;align-items:center;display:flex;justify-content:center;float:none;margin:0 auto} .logo-holder img{width:auto!important;height:80px;max-height:80px} .bg-custome{background:url(https://jesenulici.hr/likafest/slike/header-ostale.jpg) center no-repeat;background-size:cover} .bg-custome::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:.35} .page-header h1{color:#fff;font-size:30px;line-height:1;font-weight:400} .page-header.page-header-modern.page-header-md { padding: 120px 0;} .likafest-header-add {position: absolute; right: 0; height: 400px; top: -30px;} .download-box{background:#f7f7f7;padding:15px} .galerija-detaljna .masonry-item{margin-bottom:15px;width:24%!important} .sec-galerija .card-body{background:#f8f2e9} .sec-galerija .card{margin-bottom:60px;background:#f8f2e9} .sec-galerija .card-title a{text-decoration:none} .logo-holder-sponzori{height:auto;background-color:#fff;width:auto;padding:20px 10px;align-items:center;display:flex;justify-content:center;float:none;margin:0 auto} .logo-holder-sponzori img{width:auto!important;height:80px;max-height:80px} .split-tekst-2{-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-count:4;-moz-column-count:4;column-count:4} .split-glavna{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-webkit-column-count:2;-moz-column-count:2;column-count:2} #footer p{color:#fff} #footer .footer-copyright p { color: #fff; margin: 15px 0; padding: 0; text-align: center;} #footer .footer-copyright a{ color: #fff;} #footer.short .footer-copyright{border:none;text-align:center;color:#fff;padding:0;font-weight:600;position:relative;z-index:2} .footer-line{overflow:hidden;padding:20px 0} .footer-line .col-md-4{display:flex;justify-content:center;align-items:center;height:100%} .footer-line .icon-wrapper{display:flex;align-items:center;justify-content:flex-end;width:fit-content;max-width:100%} .footer-line .icon-box{background-color:transparent;padding:8px;flex-shrink:0} .footer-line .icon-box svg{display:block;width:50px;height:auto;fill:#fff;color:#fff} .footer-line .icon-content{margin-left:20px;text-align:right} .footer-line .icon-content p{text-align:left;margin:0} .footer-line .icon-content p strong{font-size:1.5rem;font-weight:400;color:#fff} #footer .footer-copyright{background:transparent} ul.footerlist{text-align:center;margin:0 0 20px;padding:0} ul.footerlist li{display:inline-block} ul.footerlist li a{display:inline-block;font-size:1rem;font-style:normal;font-weight:700;line-height:20px;padding:10px;text-transform:uppercase;color:#fff!important} .logo-default-footer {margin: 30px auto; height: 80px; width: auto; display: block;} #footer {background: #000 url(https://jesenulici.hr/likafest/slike/likafest-pola-srca.svg) no-repeat left top; background-size: 45%} .popis-home {padding: 80px 0 160px 0;} .popis-home h2 {text-align:center;margin:30px 0;font-size:2.4rem;font-style:italic;font-weight:600} .text-sjena-1 {text-shadow: 2px 2px 8px rgba(0,0,0,0.75);} @media (max-width: 1981px) { } @media (max-width: 1921px) { } @media (max-width: 1681px) { } @media (max-width: 1600px) { } @media (max-width: 1440px) { } @media (max-width: 1367px) { } @media (max-width: 1281px) { } @media (max-width: 1266px) { } @media (max-width: 1199px) { } /*iPad landscape width: 1024px*/ @media (max-width: 1025px) { } @media (min-width: 992px) { } @media (max-width: 991px) { #header .header-btn-collapse-nav {background: transparent;} #header .header-btn-collapse-nav:focus, #header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #fff;} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #fff;} .slider-content h1{font-size:3.2rem;line-height:4.6rem;} .intro-area h2, .offer-area h2, .parallax-home h2 {font-size:2.8rem !important;} #header .header-logo { margin: 0 !important;} .galerija-detaljna .masonry-item { width: 31% !important;} #header.header-effect-shrink .header-container { min-height: initial;} #header .header-logo img { height: 70px } #header .header-nav { padding: 0; min-height: 70px;} .likafest-header-add { height: 300px; top: 30px;} } @media (max-width: 801px) { } /*iPad portrait width: 768px*/ @media (max-width: 769px) { .single-slider-item { height: 80vh; } .page-header.page-header-modern.page-header-md { padding: 80px 0; text-align: center;} } /*iPhone 6 Plump landscape width: 736px*/ @media (max-width: 737px) { .slider-content h1 { font-size: 2.2rem; line-height: 2.6rem; } .intro-area h2, .offer-area h2, .parallax-home h2 {font-size:1.8rem !important;} .shape-bottom svg, .shape-top svg {width: calc(133% + 1.3px); height: 50px;} .intro-area { padding: 0;} .testimonial.testimonial-style-2 blockquote {padding: 0;} .parallax-background {height: 100% !important} .icon-item .pb-3 { padding-bottom: 0rem !important;} .icon-item .mb-4 { margin-bottom: 1rem !important;} .icon-item i { font-size: 40px;} .icon-featured {width: 80px; height: 80px;line-height: 80px;} .testimonial blockquote p { font-size: 1.1rem !important; line-height: 1.4 !important;} .card-body-custom {min-height: auto !important;} .galerija-detaljna .masonry-item { width: 47% !important;} .split-tekst-2 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .split-glavna{-webkit-column-count: 1; -moz-column-count:1; column-count: 1;} .page-header.page-header-modern h1 {position: relative; z-index: 2;} .popis-home {padding: 80px 0 40px 0;} } /*iPhone 6 landscape width: 667px*/ @media (max-width: 668px) { } /*Android (Nexus 4) landscape width: 600px*/ @media (max-width: 601px) { .intro-poc-godina { font-size: 6.8rem;} .intro-poc-godina-opis { font-size: 2.4rem; } #header .header-logo img { height: 60px } .likafest-header-add {height: 240px; top: 30px; z-index: 1 } #footer { background: #000 url(https://jesenulici.hr/likafest/slike/likafest-pola-srca.svg) no-repeat left bottom; background-size: auto; background-size: 60%;} } /*iPhone 5 landscape width: 568px*/ @media (max-width: 569px) { .single-slider-item { height: 72vh; } .split-tekst-2 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 481px) { .split-tekst-2 { -webkit-column-count: 1; -moz-column-count: 1;column-count: 1; } } /*iPhone 6 Plump portrait width: 415px*/ @media (max-width: 416px) { } /*iPhone 6 portrait width: 375px*/ @media (max-width: 376px) { } /*Crappy Android landscape width: 320px*/ @media (max-width: 321px) { } /*Crappy Android portrait width: 240px*/ @media (max-width: 241px) { } .ulanketa {list-style-type: none; padding: 0} .badge { display: table; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #ba1617 ; border-radius: 0px; position: relative; z-index: 1; top: -8px; } .progress-bar { background-color: #e6eaeb;color: #515252; } .glajaj input[type="submit"] { background-color: #EC1C24; /* primarna bootstrap plava */ color: #fff; border: none; border-radius: 0.375rem; /* zaobljeni rubovi kao kod btn klase */ padding: 0.5rem 1rem; /* vertikalni i horizontalni padding */ font-size: 1rem; font-weight: 500; cursor: pointer;margin: 40px 0 !important; transition: background-color 0.2s ease, transform 0.1s ease; } /* hover efekt */ .glajaj input[type="submit"]:hover { background-color: #0b5ed7; /* tamnija plava */ } /* kliknuti efekt */ .glajaj input[type="submit"]:active { transform: scale(0.97); } /* fokusirani (accessibility) */ .glajaj input[type="submit"]:focus { outline: none; box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5); } .list-group .list-group-item .radio label span { font-weight: 700 !important; color: #000; } /* Omotač (preporuka: okružite svaki blok s .poll-result) */ .poll-result { margin-bottom: 1rem; } /* Naslov opcije */ .poll-result strong { display: block; margin-bottom: .35rem; font-weight: 700; letter-spacing: .2px; } /* Progress traka */ .poll-result .progress { height: .9rem; /* malo tanje/modernije */ background-color: var(--bs-gray-200); border-radius: .5rem; box-shadow: inset 0 1px 2px rgba(0,0,0,.06); } .poll-result .progress-bar { background: linear-gradient(0deg, var(--bs-primary) 0%, var(--bs-primary) 100%); /* ako Porto koristi varijacije primarne, i to će raditi */ transition: width .4s ease; font-size: .75rem; line-height: .9rem; font-weight: 600; padding-left: .5rem; white-space: nowrap; } /* Opcionalno: prugice i animacija – dodajte .is-striped / .is-animated na .progress */ .poll-result .is-striped .progress-bar { background-image: linear-gradient( 45deg, rgba(255,255,255,.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.25) 75%, transparent 75%, transparent ); background-size: 1rem 1rem; } .poll-result .is-animated .progress-bar { animation: progress-bar-stripes 1s linear infinite; } /* Značka s brojem glasova */ .poll-result .badge { margin-top: .4rem; font-weight: 600; border: 1px solid var(--bs-primary-border-subtle, rgba(13,110,253,.25)); background-color: var(--bs-primary-bg-subtle, rgba(13,110,253,.08)); color: var(--bs-primary-text-emphasis, #0a58ca); padding: .35rem .55rem; border-radius: 999px; /* pill stil */ } /* Tamna tema (ako koristite .dark ili data-bs-theme="dark") */ [data-bs-theme="dark"] .poll-result .progress { background-color: var(--bs-gray-700); } [data-bs-theme="dark"] .poll-result .badge { border-color: rgba(13,110,253,.35); background-color: rgba(13,110,253,.18); color: #cfe2ff; } /* Sitne pristupačne finese */ .poll-result .progress-bar { /* zadrži vidljiv tekst i na malim širinama */ text-shadow: 0 1px 0 rgba(0,0,0,.2); } /* ====== WRAPPER CARD FEEL ====== */ #new_submission { background: #ffffff; padding: 2.5rem; border-radius: 1rem; box-shadow: 0 20px 60px rgba(0,0,0,0.08); margin: 0 auto 3rem auto; position: relative; } /* suptilna gornja crvena linija */ #new_submission::before { content: ""; position: absolute; top: 0; left: 0; height: 6px; width: 100%; background: linear-gradient(90deg, #EC1C24, #8c0404); border-radius: 1rem 1rem 0 0; } /* ====== FIELD GROUP SPACING ====== */ .dform_element { margin-bottom: 1.75rem; position: relative; } /* ====== INPUT STYLE UPGRADE ====== */ .dform_container input.text, .dform_container textarea, .dform_container select { width: 100%; font-size: 1rem; padding: 5px !important; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 0; transition: all .25s ease; font-family: inherit; box-sizing: border-box; margin-bottom: 0; } /* HOVER */ .dform_container input.text:hover, .dform_container textarea:hover, .dform_container select:hover { border-color: #EC1C24; background: #fff; } /* FOCUS */ .dform_container input.text:focus, .dform_container textarea:focus, .dform_container select:focus { border-color: #EC1C24; box-shadow: 0 0 0 3px rgba(236,28,36,0.12); background: #fff; outline: none; } /* TEXTAREA */ .dform_container textarea { min-height: 160px; resize: vertical; } /* ====== LABEL STYLE ====== */ .dform_label { font-weight: 600; color: #111; font-size: .95rem; margin-bottom: .5rem; letter-spacing: .3px; } .dform_label .req { color: #EC1C24; font-weight: 700; } /* ====== FILE INPUT REDESIGN ====== */ .dform_element input[type="file"] { border: 2px dashed #e0e0e0; border-radius: .75rem; padding: 1.2rem; background: #fafafa; width: 100%; transition: all .25s ease; cursor: pointer; } .dform_element input[type="file"]:hover { border-color: #EC1C24; background: #fff5f5; } /* ====== SUBMIT BUTTON PREMIUM ====== */ input[type="submit"].submit, .dform_element .submit input[type="submit"] { display: inline-block; font-weight: 600; color: #fff; background: linear-gradient(135deg, #EC1C24, #8c0404); border: none; border-radius: 50px; padding: .85rem 2.5rem; font-size: 1.05rem; cursor: pointer; transition: all .3s ease; box-shadow: 0 8px 20px rgba(236,28,36,0.25); } /* HOVER EFFECT */ input[type="submit"].submit:hover, .dform_element .submit input[type="submit"]:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(236,28,36,0.35); background: linear-gradient(135deg, #8c0404, #EC1C24); color: #fff; } /* ACTIVE CLICK */ input[type="submit"].submit:active { transform: translateY(0px); box-shadow: 0 5px 15px rgba(236,28,36,0.2); } /* ====== ERROR MESSAGE CLEAN ====== */ .dform_element .dform_error { background: #fff1f2; border-left: 4px solid #dc3545; padding: .6rem .8rem; border-radius: .4rem; font-size: .9rem; } /* ====== SUCCESS MESSAGE ====== */ .dform_confirmation { background: #f0fff4; border: 1px solid #b7ebc6; color: #146c43; border-radius: .75rem; padding: 1rem 1.5rem; font-size: 1.05rem; font-weight: 500; margin-bottom: 1.5rem; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } /* ====== RESPONSIVE PADDING ====== */ @media (max-width: 768px) { #new_submission { padding: 1.5rem; } }