/*-------------------------------------------------------------- FONTS - Aachen (700) --------------------------------------------------------------*/ @font-face { font-family: 'Aachen'; src: url('../fonts/Aachen/Aachen-Bold.eot'); src: url('../fonts/Aachen/Aachen-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Aachen/Aachen-Bold.woff2') format('woff2'), url('../fonts/Aachen/Aachen-Bold.woff') format('woff'), url('../fonts/Aachen/Aachen-Bold.ttf') format('truetype'), url('../fonts/Aachen/Aachen-Bold.svg#Aachen-Bold') format('svg'); font-weight: 700; font-style: normal; } /*-------------------------------------------------------------- FONTS - Abril Fatface (400) --------------------------------------------------------------*/ @font-face { font-family: 'Abril Fatface'; src: url('../fonts/AbrilFatface/AbrilFatface-Regular.eot'); src: url('../fonts/AbrilFatface/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AbrilFatface/AbrilFatface-Regular.woff2') format('woff2'), url('../fonts/AbrilFatface/AbrilFatface-Regular.woff') format('woff'), url('../fonts/AbrilFatface/AbrilFatface-Regular.ttf') format('truetype'), url('../fonts/AbrilFatface/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'); font-weight: 400; font-style: normal; } /*-------------------------------------------------------------- FONTS - Open Sans (300,400,700,800) --------------------------------------------------------------*/ @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Light.eot'); src: url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Light.svg#OpenSans-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-LightItalic.eot'); src: url('../fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'), url('../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Regular.eot'); src: url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Italic.eot'); src: url('../fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-SemiBold.eot'); src: url('../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot'); src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'), url('../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Bold.eot'); src: url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot'); src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot'); src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot'); src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg'); font-weight: 800; font-style: italic; } /*-------------------------------------------------------------- FONTS - Raleway (100,200,300,400,500,600,700,800,900) --------------------------------------------------------------*/ @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Thin.eot'); src: url('../fonts/Raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Thin.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Thin.woff') format('woff'), url('../fonts/Raleway/Raleway-Thin.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Thin.svg#Raleway-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-ThinItalic.eot'); src: url('../fonts/Raleway/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-ThinItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-ThinItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-ThinItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-ThinItalic.svg#Raleway-ThinItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-ExtraLight.eot'); src: url('../fonts/Raleway/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-ExtraLight.woff2') format('woff2'), url('../fonts/Raleway/Raleway-ExtraLight.woff') format('woff'), url('../fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype'), url('../fonts/Raleway/Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-ExtraLightItalic.eot'); src: url('../fonts/Raleway/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-ExtraLightItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-ExtraLightItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-ExtraLightItalic.svg#Raleway-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Light.eot'); src: url('../fonts/Raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Light.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Light.woff') format('woff'), url('../fonts/Raleway/Raleway-Light.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Light.svg#Raleway-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-LightItalic.eot'); src: url('../fonts/Raleway/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-LightItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-LightItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-LightItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-LightItalic.svg#Raleway-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Regular.eot'); src: url('../fonts/Raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Regular.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Regular.svg#Raleway-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Italic.eot'); src: url('../fonts/Raleway/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Italic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Italic.woff') format('woff'), url('../fonts/Raleway/Raleway-Italic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Italic.svg#Raleway-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Medium.eot'); src: url('../fonts/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Medium.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Medium.svg#Raleway-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-MediumItalic.eot'); src: url('../fonts/Raleway/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-MediumItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-MediumItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-MediumItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-MediumItalic.svg#Raleway-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-SemiBold.eot'); src: url('../fonts/Raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-SemiBold.woff2') format('woff2'), url('../fonts/Raleway/Raleway-SemiBold.woff') format('woff'), url('../fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'), url('../fonts/Raleway/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-SemiBoldItalic.eot'); src: url('../fonts/Raleway/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-SemiBoldItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-SemiBoldItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-SemiBoldItalic.svg#Raleway-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Bold.eot'); src: url('../fonts/Raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Bold.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Bold.svg#Raleway-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-BoldItalic.eot'); src: url('../fonts/Raleway/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-BoldItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-BoldItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-BoldItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-BoldItalic.svg#Raleway-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-ExtraBold.eot'); src: url('../fonts/Raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'), url('../fonts/Raleway/Raleway-ExtraBold.woff') format('woff'), url('../fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'), url('../fonts/Raleway/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-ExtraBoldItalic.eot'); src: url('../fonts/Raleway/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-ExtraBoldItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-ExtraBoldItalic.svg#Raleway-ExtraBoldItalic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-Black.eot'); src: url('../fonts/Raleway/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-Black.woff2') format('woff2'), url('../fonts/Raleway/Raleway-Black.woff') format('woff'), url('../fonts/Raleway/Raleway-Black.ttf') format('truetype'), url('../fonts/Raleway/Raleway-Black.svg#Raleway-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway/Raleway-BlackItalic.eot'); src: url('../fonts/Raleway/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway/Raleway-BlackItalic.woff2') format('woff2'), url('../fonts/Raleway/Raleway-BlackItalic.woff') format('woff'), url('../fonts/Raleway/Raleway-BlackItalic.ttf') format('truetype'), url('../fonts/Raleway/Raleway-BlackItalic.svg#Raleway-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } /*-------------------------------------------------------------- FONTS - Source Sans Pro (200, 300, 400, 600, 700, 900) --------------------------------------------------------------*/ @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Light.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-LightItalic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-LightItalic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-LightItalic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-LightItalic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-Italic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Italic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-Italic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Italic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Bold.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-Black.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-Black.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-Black.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Black.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.woff2') format('woff2'), url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } /*-------------------------------------------------------------- LITY lightbox CSS v2.3.1 --------------------------------------------------------------*/ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .lity.lity-opened { opacity: 1 } .lity.lity-closed { opacity: 0 } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease } .lity-loading .lity-loader { opacity: 1 } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; -moz-transition: transform .3s ease, -moz-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none } .lity-close::-moz-focus-inner { border: 0; padding: 0 } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none } .lity-close:active { top: 1px } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0 } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } .lity-hide { display: none } @media screen and (min-width: 768px) { .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { max-width: 90% } } @media screen and (min-width: 992px) { .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { max-width: 90% } } @media screen and (min-width: 1200px) { .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { max-width: 85% } } @media screen and (min-width: 1600px) { .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { max-width: 1400px } } /*-------------------------------------------------------------- Accessibility - Text meant only for screen readers. --------------------------------------------------------------*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- BACK TO TOP --------------------------------------------------------------*/ .back-to-top { position: fixed; bottom: 0; right: 0; color: #FFFFFF; display: block; z-index: 9050; background-color: rgba(0, 0, 0, 0.75); line-height: 1; opacity: 0; width: 35px; height: 35px; } .back-to-top.show { opacity: 1; } .back-to-top:hover, .back-to-top:focus { color: #85A5CC; background-color: rgba(0, 0, 0, 0.95); text-decoration: none; } .back-to-top span { line-height: 33px; } @media screen and (min-width: 992px) { .back-to-top { bottom: 2em; right: 2em } } /*-------------------------------------------------------------- HTML/BODY --------------------------------------------------------------*/ html { max-width: 2000px; scroll-behavior: smooth; } body { color: #1b191a; font-family: 'Open Sans'; font-size: 18px } html, body { overflow-x: hidden; } @media screen and (max-width: 767px) { body { font-size: 16px } } /*-------------------------------------------------------------- LINK --------------------------------------------------------------*/ a { color: inherit; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out } a:hover, a:focus { color: inherit; text-decoration: none; } /*-------------------------------------------------------------- HEADINGS --------------------------------------------------------------*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Raleway'; font-weight: 700; } /*-------------------------------------------------------------- FONT FAMILY --------------------------------------------------------------*/ .aachen { font-family: 'Aachen'; } .abril-fatface { font-family: 'Abril Fatface'; font-weight: 400; } .open-sans { font-family: 'Open Sans'; } .raleway { font-family: 'Raleway'; } .source-sans-pro { font-family: 'Source Sans Pro'; } /*-------------------------------------------------------------- CUSTOM FONT WEIGHT CLASSES --------------------------------------------------------------*/ .font-weight-extralight { font-weight: 200 } .font-weight-medium { font-weight: 500 } .font-weight-semibold { font-weight: 600 } .font-weight-extrabold { font-weight: 800 } .font-weight-black { font-weight: 900 } /*-------------------------------------------------------------- CONTENTS BLOCK --------------------------------------------------------------*/ p { margin-bottom: 20px; } p:last-child { margin-bottom: 0 } ul:last-child { margin-bottom: 0 } ol:last-child { margin-bottom: 0 } /*-------------------------------------------------------------- TRANSFORMS --------------------------------------------------------------*/ .trans-50 { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .trans-y-50 { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .trans-x-50 { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*-------------------------------------------------------------- CONTENT CONTAINERS --------------------------------------------------------------*/ .bg-overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7 } .w-bg-image { background-size: cover; background-position: center; } .container { max-width: 100% } .container::before, .container::after { content: ''; display: table; clear: both; } @media screen and (min-width: 768px) { .container { max-width: 95% } .full-width-row { width: 100vw; left: 50%; margin-left: -50vw } } @media screen and (min-width: 992px) { .container { max-width: 90% } } @media screen and (min-width: 1630px) { .container { max-width: 1600px; } } /*-------------------------------------------------------------- BUTTONS --------------------------------------------------------------*/ .site-button { color: #FFFFFF; font: 800 14px 'Raleway'; padding: 15px; border-radius: 5px; background-color: #3ea6af; min-width: 140px; text-align: center; } .site-button:hover, .site-button:focus { color: #321b06; background-color: #d0ad44 } .site-button.bg-dark-yellow:hover, .site-button.bg-dark-yellow:focus { background-color: #3ea6af } /*-------------------------------------------------------------- BUTTONS --------------------------------------------------------------*/ .tob-toggle-button { font-size: 20px } /*-------------------------------------------------------------- COLORS --------------------------------------------------------------*/ .text-aqua { color: #3ea6af } .text-black { color: #000000 } .text-brown { color: #321b06 } .text-dark-brown { color: #1b191a } .text-dark-yellow { color: #d0ad44 } .text-green { color: #397d3d } .bg-aqua { background-color: #3ea6af } .bg-brown { background-color: #321b06 } .bg-dark-brown { background-color: #1b191a } .bg-dark-yellow { background-color: #d0ad44 } .bg-green { background-color: #397d3d } /*-------------------------------------------------------------- PLACEHOLDERS --------------------------------------------------------------*/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #595959; font: 300 18px 'Source Sans Pro' } ::-moz-placeholder { /* Firefox 19+ */ color: #595959; font: 300 18px 'Source Sans Pro' } :-ms-input-placeholder { /* IE 10+ */ color: #595959; font: 300 18px 'Source Sans Pro' } :-moz-placeholder { /* Firefox 18- */ color: #595959; font: 300 18px 'Source Sans Pro' } /*-------------------------------------------------------------- ALIGNMENT --------------------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- GRAVITY FORMS --------------------------------------------------------------*/ .tob-section .gform_wrapper form { padding: 20px; background: #dff2f4; } .tob-column .tob-section > .gform_wrapper:first-child { margin-top: 0 } .gform_wrapper h3.gform_title { color: #321b06; font: 36px 'Aachen'; } .gform_wrapper span.gform_description h4 { color: #3ea6af } body .gform_wrapper ul li.gfield { margin-top: 0; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; margin-bottom: 20px; } .gform_wrapper ul.gform_fields li.gfield.field_sublabel_hidden_label { margin-bottom: 10px } .gform_wrapper li.gfield > label.gfield_label { margin-bottom: 0; font-size: 16px } .gform_wrapper .gfield_description { font-style: italic; padding: 0 0 5px 0 } body .gform_wrapper .top_label div.ginput_container, body .gform_wrapper ul li.field_description_below div.ginput_container_radio, body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox { margin-top: 0 } .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) { margin-top: 0 } .gform_wrapper li.hidden_label input { margin-top: 0 } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea { color: #000000; border: 1px solid #efefef; border-radius: 0; background-color: #efefef; padding: 8px 15px; min-height: 42px; } .tob-section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .tob-section .gform_wrapper textarea { background: #FFFFFF } .gform_wrapper .gfield_consent_description, .gform_wrapper .field_description_below .gfield_consent_description { margin-top: 0; font-size: 1rem } .gform_wrapper .gfield_radio li label { max-width: 100% } .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li { margin-bottom: 5px } .gform_wrapper .gform_footer { margin-top: 0; padding-top: 0; padding-bottom: 0; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper .gform_page_footer .button { cursor: pointer; color: #FFFFFF; font: 800 14px 'Raleway'; background-color: #3ea6af; border: 2px solid #3ea6af; border-radius: 5px; padding: 10px 15px; line-height: 1; min-width: 140px; min-height: 42px } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_page_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input[type=submit]:focus, .gform_wrapper .gform_page_footer .button:hover, .gform_wrapper .gform_page_footer .button:focus { color: #321b06; border-color: #d0ad44; background: #d0ad44; outline: none; } .tob-section .gform_wrapper .gform_footer input.button:hover, .tob-section .gform_wrapper .gform_footer input.button:focus, .tob-section .gform_wrapper .gform_footer input[type=submit]:hover, .tob-section .gform_wrapper .gform_footer input[type=submit]:focus, .tob-section .gform_wrapper .gform_page_footer input[type=submit]:hover, .tob-section .gform_wrapper .gform_page_footer input[type=submit]:focus, .tob-section .gform_wrapper .gform_page_footer .button:hover, .tob-section .gform_wrapper .gform_page_footer .button:focus { border-color: #321b06; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin-bottom: 0; } .gform_wrapper .gfield ul.gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield ul.gfield_radio li input[type=radio] { margin-top: 4px; vertical-align: top; } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { color: #000000; font: 14px 'Source Sans Pro'; vertical-align: top; } .gform_wrapper .form-notice-label { color: #898888; font-size: 12px } .gform_wrapper select { min-height: 42px; } .gform_wrapper .field_description_below .gfield_description { padding: 0 } .gform_wrapper .gfield_time_hour i { display: none; } .gform_confirmation_wrapper { font-size: 25px; background: #dff2f4; text-align: center; padding: 20px } .gform_anchor { display: block; width: 0; } @media screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third { padding-right: 10px } .gform_wrapper .top_label li.gfield.gf_left_third + .gform_wrapper .top_label li.gfield.gf_left_third + .gform_wrapper .top_label li.gfield.gf_left_third { padding-right: 0 } } @media screen and (min-width: 768px) { .gform_confirmation_wrapper { font-size: 25px; } } @media screen and (min-width: 992px) { #page-container.header-is-fixed .gform_anchor { height: 223px; margin-top: -223px; } } @media screen and (min-width: 1200px) { .gform_confirmation_wrapper { padding: 100px 30px; } #page-container.header-is-fixed .gform_anchor { height: 130px; margin-top: -130px; } } @media screen and (min-width: 1440px) { #page-container.header-is-fixed .gform_anchor { height: 160px; margin-top: -160px; } } @media screen and (min-width: 1630px) { #page-container.header-is-fixed .gform_anchor { height: 180px; margin-top: -180px; } } @media screen and (max-width: 767px) { .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='image']):not([type='file']) { min-height: 42px; line-height: 1 } .gform_wrapper form .gform_footer input[type=submit] { margin-bottom: 0 } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit] { width: auto; } } /*berlin clean up day volunteer form */ #gform_44 .gfield { margin-bottom: 15px; } #gform_44 .gchoice { display: flex; align-items: flex-start; } #gform_44 .gchoice input { margin: 9px 10px 10px 0; } #gform_wrapper_47 #field_47_5 #input_47_5_1 { float: left; margin: 8px 15px 15px 0; } #gform_wrapper_47 #field_47_5 .gfield_consent_label { float: left; max-width: 90%; } /*-------------------------------------------------------------- SOCIAL MEDIA ACCOUNTS --------------------------------------------------------------*/ .fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .social-accounts a { width: 45px; height: 45px; font-size: 27px; overflow: hidden; } .social-accounts a:hover, .social-accounts a:focus { border-radius: 50% } .social-accounts i { width: 100%; height: 100% } .social-accounts .fa-facebook-f { background-color: #3b5998 } .social-accounts .fa-facebook, .social-accounts .fa-facebook-square { color: #3b5998; font-size: 50px } .social-accounts .fa-twitter { background-color: #1da1f2 } .social-accounts .fa-twitter-square { color: #1da1f2; font-size: 50px } .social-accounts .fa-instagram { font-size: 40px; background: #c32aa3; background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .social-accounts .fa-youtube { background-color: #ff0000 } .social-accounts i::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*-------------------------------------------------------------- WP WIDGET SEARCH FORM --------------------------------------------------------------*/ #searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1b191a; font-family: 'Raleway'; font-weight: 300 } #searchform ::-moz-placeholder { /* Firefox 19+ */ color: #1b191a; font-family: 'Raleway'; font-weight: 300 } #searchform :-ms-input-placeholder { /* IE 10+ */ color: #1b191a; font-family: 'Raleway'; font-weight: 300 } #searchform :-moz-placeholder { /* Firefox 18- */ color: #1b191a; font-family: 'Raleway'; font-weight: 300 } #searchform input#s { padding: 9px 15px; } #searchform #searchsubmit { color: transparent; border: none; background: url(../images/icon-search.png) no-repeat center center / contain; width: 20px; height: 30px; } @media screen and (min-width: 768px) { #searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px } #searchform ::-moz-placeholder { /* Firefox 19+ */ font-size: 16px } #searchform :-ms-input-placeholder { /* IE 10+ */ font-size: 16px } #searchform :-moz-placeholder { /* Firefox 18- */ font-size: 16px } } /*-------------------------------------------------------------- HEADER --------------------------------------------------------------*/ /*top header*/ #top-header { background-color: rgba(255, 255, 255, 0.9); } .admin-bar .fixed-header { top: 32px; } .fixed-header > .container-fluid { max-width: 2000px } .logo-div img:last-child { margin-left: 15px } #top-header input#s { border: none; width: 125px; padding-left: 0; padding-right: 0; background-color: transparent; } .btn-online-payment { color: #f5fbfe; font-size: 21px; padding-top: 7px; padding-bottom: 7px } /*header nav*/ #header-menu { font-size: 16px; padding-top: 6px; padding-bottom: 6px; } .nav-item.active .nav-link, .nav-item .nav-link:hover, .nav-item .nav-link:focus { color: #FFFFFF } .menu-item-has-children:last-child .dropdown-menu { left: auto; right: 0; } .menu-item-has-children:hover > .dropdown-menu, .menu-item-has-children:focus > .dropdown-menu { display: block; } .menu-item-has-children .dropdown-menu > .menu-item-has-children > .dropdown-menu { left: 100%; top: 0; } .dropdown-menu .nav-item:not(:last-child) { border-bottom: 1px solid #FFFFFF } .dropdown-item { padding: 5px 15px; font-weight: bold; font-size: 20px } .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus { color: #321b06; background-color: #FFFFFF; outline: none; } .switcher .option { position: absolute; } .gtranslate-mobile { background-color: #d0ad44; } .gtranslate-mobile .switcher { margin: auto; } @media screen and (min-width: 1200px) { #header-menu { font-size: 20px; } } @media screen and (min-width: 1630px) { #header-menu { font-size: 23px; } } @media screen and (max-width: 1629px) and (min-width: 992px) { #site-header .container { max-width: 98% } } @media screen and (max-width: 1629px) and (min-width: 1440px) { .logo-div img:first-child { max-width: 80px } .logo-div img:last-child { max-width: 350px } .codered-img img { max-width: 250px } } @media screen and (max-width: 1439px) and (min-width: 1200px) { .logo-div img:first-child { max-width: 50px } .logo-div img:last-child { max-width: 300px } .codered-img img { max-width: 200px } } @media screen and (max-width: 1199px) and (min-width: 992px) { #site-header.shadow .row > div:not(.logo-div) { display: none; } } @media screen and (max-width: 1024px) { #header-menu { display: none !important; } } /*-------------------------------------------------------------- FOOTER --------------------------------------------------------------*/ #site-footer { border-top: 40px solid #d0ad44; padding-bottom: 50px } .footer-title { font-size: 36px; margin-bottom: 25px } #site-footer .gform_wrapper { margin-top: 0 } #site-footer .gform_wrapper h3.gform_title { margin-top: 0; margin-bottom: 25px } #site-footer .gform_wrapper .gfield.two-col .gfield_checkbox { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #site-footer .site-info .email-link { text-decoration: underline; } #site-footer .site-info a:hover, #site-footer .site-info a:focus { color: #3ea6af; text-decoration: underline; } .footer-images img { max-width: 130px; width: auto; max-height: 110px } #footer-creds { font-size: 12px; margin-top: 30px; } #top-footer .gform_wrapper::before { content: 'Get Berlin eNews'; font: 700 36px 'Aachen'; margin-bottom: 25px; display: block; white-space: nowrap; } #top-footer #gform_wrapper_1::before { color: #321b06; } #top-footer #gform_wrapper_2::before { color: transparent; } #top-footer .gform_wrapper .gform_fields > li:nth-child(-n+2) { margin-bottom: 8px } @media screen and (min-width: 768px) { #site-footer { padding-bottom: 100px; } } @media screen and (min-width: 992px) { #top-footer .gform_wrapper { height: 100%; } #top-footer .gform_wrapper > form { height: 100%; padding-bottom: 30px; } #top-footer .gform_wrapper .gform_footer { position: absolute; bottom: 0 } } @media screen and (min-width: 1200px) { #top-footer .latest-news .site-button { position: absolute; bottom: 0; } } @media screen and (max-width: 1439px) and (min-width: 1200px) { #site-footer .container { max-width: 95% } .footer-images img { max-width: 110px } } @media screen and (max-width: 1199px) { #site-footer .fb-feeds .footer-title { display: none; } } @media screen and (max-width: 991px) and (min-width: 768px) { #site-footer .container { max-width: 60% } } @media screen and (max-width: 767px) { #top-footer .gform_wrapper::before { font-size: 30px } } /*-------------------------------------------------------------- CAROUSEL --------------------------------------------------------------*/ .carousel-indicators li { width: 18px; height: 18px; opacity: 1 } .carousel-indicators li.active { background-color: #d0ad44 } /*-------------------------------------------------------------- SIDEBAR --------------------------------------------------------------*/ .sidebar-link:hover, .sidebar-link:focus, #sidebar-post-cat a:hover, #sidebar-post-cat a:focus, #sidebar-post-month-archive a:hover, #sidebar-post-month-archive a:focus, #sidebar-post-year-archive a:hover, #sidebar-post-year-archive a:focus { color: #321b06; font-weight: 700 } #sidebar-post-cat li, #sidebar-post-month-archive li, #sidebar-post-year-archive li { list-style-type: none; } #sidebar-post-cat a, #sidebar-post-month-archive a, #sidebar-post-year-archive a { padding-top: 0.5rem; padding-bottom: 0.5rem; display: block; border-bottom: 1px solid #FFFFFF } .with-sidebar-row > .sidebar.tob-column { padding-top: 30px; padding-bottom: 30px; } @media screen and (min-width: 992px) { .with-sidebar-row > .sidebar.tob-column { padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 1200px) { .with-sidebar-row > .sidebar.tob-column { padding-top: 70px; padding-bottom: 70px; } } /*-------------------------------------------------------------- SEARCH RESULTS --------------------------------------------------------------*/ .search-result-title a:hover, .search-result-title a:focus { text-decoration: underline; } /*-------------------------------------------------------------- PAGINATION --------------------------------------------------------------*/ .page-link { color: #3ea6af; } .page-item.active .page-link { background-color: #3ea6af; border-color: #3ea6af; } /*-------------------------------------------------------------- TEMPLATE PARTS - noT ACF - COOLEST SMALL TOWN --------------------------------------------------------------*/ #coolest-small-town { max-width: 540px; padding: 30px 20px; background-color: rgba(85, 202, 213, 0.9); -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); } #coolest-small-town:not(:last-child) { margin-bottom: 30px } #coolest-small-town h2 { font-size: 31px; line-height: 1; margin-bottom: 15px } #coolest-small-town h3 { font-size: 43px; line-height: 1 } #coolest-small-town a { font-size: 20px; } #coolest-small-town img { right: 5px; top: 10px; } @media screen and (max-width: 1439px) and (min-width: 1366px) { #coolest-small-town h2 { font-size: 30px; } #coolest-small-town h3 { font-size: 40px; } } @media screen and (max-width: 1439px) and (min-width: 1200px) { .tob-column #coolest-small-town img { max-width: 140px } } @media screen and (max-width: 1365px) and (min-width: 1200px) { #coolest-small-town h3 { font-size: 36px; } } @media screen and (max-width: 1199px) and (min-width: 992px) { #coolest-small-town img { max-width: 120px; } #coolest-small-town h2 { font-size: 25px; } #coolest-small-town h3 { font-size: 28px; } } @media screen and (max-width: 991px) { #coolest-small-town { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 767px) and (orientation: landscape) { #coolest-small-town img { max-width: 135px } } @media screen and (max-width: 767px) and (orientation: portrait) { #coolest-small-town img { max-width: 100px } #coolest-small-town h2 { font-size: 25px; } #coolest-small-town h3 { font-size: 30px; } } /*-------------------------------------------------------------- TEMPLATE PARTS - noT ACF HOW CAN WE HELP YOU --------------------------------------------------------------*/ #how-can-we-help { max-width: 540px; padding: 33px 30px; background-color: rgba(205, 166, 49, 0.9); -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.39); } #how-can-we-help .dropdown > .dropdown-toggle { border: 1px solid #000000; max-width: 460px; padding: 15px } #how-can-we-help .dropdown > .dropdown-toggle::after { border-top-color: #000000; border-width: 11px; border-bottom-width: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #how-can-we-help .dropdown-menu { max-width: 460px } #how-can-we-help .dropdown-menu > a:not(:last-child) { border-bottom: 1px solid #000000 } #how-can-we-help .dropdown-menu > a:hover, #how-can-we-help .dropdown-menu > a:focus { color: #FFFFFF; background-color: #3ea6af } @media screen and (max-width: 991px) { #how-can-we-help { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 767px) and (orientation: portrait) { #how-can-we-help { padding: 20px 15px } #how-can-we-help h2 { font-size: 25px } } /*-------------------------------------------------------------- MAP --------------------------------------------------------------*/ .map-display { overflow-x: hidden; } .map-display:not(:last-child) { margin-bottom: 30px } .map-display > iframe { width: 100%; margin-bottom: 0; } .tob-column .map-display > iframe { height: 590px } .map-display .map-texts { background-color: #66cfd9; padding: 35px 15px; } .map-display .map-texts h4 { font-weight: 800; margin-bottom: 3px; } /*-------------------------------------------------------------- SECTION - GOVERNMENT / BUSINESS / RESIDENTS / VISITORS --------------------------------------------------------------*/ #gov-bus-res-vis .gbrv-div { padding: 8px 4px } #gov-bus-res-vis .dropdown { padding: 25px; } #gov-bus-res-vis .dropdown-toggle { font-size: 20px; padding: 8px 15px; max-width: 425px; } #gov-bus-res-vis .dropdown-toggle::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; border: none; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #gov-bus-res-vis .dropdown-menu { max-width: 425px; } #gov-bus-res-vis .dropdown-menu a { color: #FFFFFF } #gov-bus-res-vis .dropdown-menu a:not(:last-child) { border-bottom: 1px solid #FFFFFF } #gov-bus-res-vis .dropdown-menu a.bg-aqua:hover, #gov-bus-res-vis .dropdown-menu a.bg-aqua:focus { color: #321b06; background-color: #d0ad44 } #gov-bus-res-vis .dropdown-menu a.bg-brown:hover, #gov-bus-res-vis .dropdown-menu a.bg-brown:focus { color: #FFFFFF; background-color: #3ea6af } @media screen and (min-width: 992px) { #gov-bus-res-vis .gbrv-div:first-child { padding-left: 0 } #gov-bus-res-vis .gbrv-div:last-child { padding-right: 0; } } /*-------------------------------------------------------------- ACF LAYOUTS - FOUR COLUMN PHOTOS SECTION --------------------------------------------------------------*/ #four-column-photos .fcp-div { padding: 8px 4px; } #gov-bus-res-vis + #four-column-photos .fcp-div { padding-top: 0; } #four-column-photos .gallery-link { font-size: 24px; padding: 10px 15px; } #four-column-photos .gallery-link span { max-width: 250px; left: 0; right: 0; } #four-column-photos .gallery-link a { top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } @media screen and (min-width: 992px) { #four-column-photos .fcp-div { -webkit-box-flex: 0 0 20%; -moz-box-flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } #four-column-photos .fcp-div:first-child { padding-left: 0; } #four-column-photos .fcp-div:last-child { padding-right: 0; } #four-column-photos .gallery-link { background-color: #ddd1b7; } #four-column-photos .gallery-link:hover, #four-column-photos .gallery-link:focus { color: #FFFFFF; background-color: #3ea6af } } @media screen and (min-width: 1200px) { #four-column-photos .gallery-link span { letter-spacing: 3px } } @media screen and (max-width: 991px) { #four-column-photos .fcp-div:nth-child(3) { display: none; } #four-column-photos .gallery-link { background: #3ea6af; } #four-column-photos .gallery-link span { color: #FFFFFF; font-size: 20px } } /*-------------------------------------------------------------- PAGE HEADER --------------------------------------------------------------*/ .page-header { background-blend-mode: color; background-position: center center; padding-top: 30px; padding-bottom: 30px; } .page-header .d-table { height: 240px; } @media screen and (min-width: 992px) { .page-header .page-title { font-size: 65px; } } @media screen and (min-width: 1200px) { .page-header .d-table { padding-right: 480px; } .page-header #how-can-we-help { position: absolute; right: 0; bottom: 56px; } } @media screen and (min-width: 1600px) { .page-header .page-title { font-size: 72px; } } @media screen and (max-width: 1199px) { .page-header #how-can-we-help { margin: 30px auto 0; position: relative; } } @media screen and (max-width: 991px) { .page-header .page-title { font-size: 50px } } @media screen and (max-width: 767px) { .page-header .page-title { font-size: 40px } } @media screen and (max-width: 479px) { .page-header .page-title { font-size: 35px } } /*-------------------------------------------------------------- EVENTS CALENDAR - ARCHIVE PAGE --------------------------------------------------------------*/ :root { --tec-font-family-sans-serif: 'Open Sans', sans-serif; --tec-color-background-events-bar-submit-button: #3ea6af; --tec-color-background-events-bar-submit-button-hover: #d0ad44; --tec-color-accent-primary: #3ea6af; --tec-color-background-primary-multiday: #dff2f4; --tec-color-background-primary-multiday-hover: #76c6ce; --tec-grid-gutter-page: 15px; } .tribe-events-view { font-family: 'Open Sans', sans-serif; } .tribe-events-title-bar .tribe-events-page-title { color: #397d3d; font: 400 30px 'Abril Fatface'; } #tribe-bar-form .tribe-bar-submit input[type=submit] { font: 14px 800 'Raleway'; background: #3ea6af; padding: 15px; } #tribe-events-content .tribe-events-calendar thead th { background: #3e0c00; } #tribe-events-content .tribe-events-calendar td { border-color: #3e0c00; } #tribe-events-content .tribe-events-calendar td.tribe-events-past { background: #dff2f4; color: #76c6ce } #tribe-events-content .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] { background: transparent; color: #76c6ce } #tribe-events-content .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a { background: transparent; color: #093439 } #tribe-events-content .tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a { opacity: 1 } #tribe-events-content .tribe-events-calendar td.tribe-events-present { background: #a8dbe0 } #tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] { color: #093439; background: #a8dbe0 } #tribe-events-content .tribe-events-calendar td.tribe-events-future { background: #a8dbe0 } #tribe-events-content .tribe-events-calendar td.tribe-events-future.tribe-events-has-events { background: #41aeb9; } #tribe-events-content .tribe-events-calendar td.tribe-events-future div[id*=tribe-events-daynum-] { color: #093439; background: #a8dbe0 } #tribe-events-content .tribe-events-calendar td.tribe-events-future.tribe-events-has-events div[id*=tribe-events-daynum-] { background: #41aeb9; } #tribe-events-content .tribe-events-calendar td.tribe-events-future.tribe-events-has-events div[id*=tribe-events-daynum-] > a { color: #093439; } #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth > div:first-child { font-size: 18px; font-weight: 300 } #tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a { color: #093439; font-size: 18px; font-weight: 800; background: transparent; } #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title { font-size: 14px; font-weight: 700; color: #093439 } #tribe-events-content .tribe-events-calendar .tribe-events-tooltip { padding-bottom: 15px } #tribe-events-content .tribe-events-calendar .tribe-events-tooltip > .entry-title { font-size: 16px; color: #093439; font-weight: 800; } #tribe-events-content .tribe-events-sub-nav li a, #tribe-events-content a.tribe-events-read-more, .tribe-events-back > a { color: #FFFFFF; font: 800 14px 'Raleway'; padding: 15px; border-radius: 5px; background-color: #3ea6af; min-width: 140px; text-align: center; display: inline-block; } #tribe-events-content .tribe-events-sub-nav li a:hover, #tribe-events-content .tribe-events-sub-nav li a:focus, #tribe-events-content a.tribe-events-read-more:hover, #tribe-events-content a.tribe-events-read-more:focus, .tribe-events-back > a:hover, .tribe-events-back > a:focus { color: #321b06; background-color: #d0ad44 } #tribe-events-content .type-tribe_events .tribe-events-list-event-title { color: #d0ad44; } #tribe-events-content .tribe-events-list-separator-month span { color: #397d3d } #tribe-events-content .tribe-grid-header { background-color: #321b06 } #tribe-events-content .tribe-events-grid .tribe-grid-header .tribe-week-today { background-color: #a8dbe0 } #tribe-events-content .tribe-events-grid .tribe-grid-header .tribe-week-today.column span { color: #093439 } #tribe-events-content .tribe-events-grid > div:not(.tribe-grid-header) .tribe-grid-content-wrap .column { border-color: #321b06 } #tribe-events-content .tribe-grid-body .tribe-events-week-hourly-single { color: #093439; background-color: #41aeb9; } #tribe-events-content #tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading { color: #093439; background-color: #41aeb9; } #tribe-events-pg-template, .tribe-events-pg-template { padding-top: 30px; padding-bottom: 30px; } .single-tribe_events .tribe-events-schedule h2 { font-weight: 700; } .tribe-events-single ul.tribe-related-events { width: 100%; } @media screen and (min-width: 768px) { .tribe-events-title-bar .tribe-events-page-title { font-size: 48px } #tribe-events-pg-template, .tribe-events-pg-template { max-width: 95% } .tribe-events-event-meta.primary, .tribe-events-event-meta.secondary { width: 100%; } .tribe-events-event-meta.primary .tribe-events-venue-map { width: 100%; } .tribe-events-event-meta.secondary .tribe-events-venue-map { width: 50%; } } @media screen and (min-width: 992px) { #tribe-events-pg-template, .tribe-events-pg-template { max-width: 90%; padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1200px) { .tribe-events .tribe-events-calendar-month__calendar-event-datetime, .tribe-events .tribe-events-calendar-month .tribe-common-h8 { font-size: 14px; font-weight: 700; } } @media screen and (min-width: 1630px) { #tribe-events-pg-template, .tribe-events-pg-template { max-width: 1600px; padding-top: 70px; padding-bottom: 70px } } /*-------------------------------------------------------------- EVENTS CALENDAR - TOWN's CALENDAR section --------------------------------------------------------------*/ #town-calendar { padding-top: 30px; padding-bottom: 30px; } #town-calendar .site-button.btn-view { color: #FFFFFF; padding: 33px 25px; } #town-calendar .widget > h2, #town-calendar .widget > .tribe-events-widget-link { display: none; } #town-calendar .inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month, .tribe-events-widget-events-month .tribe-common-l-container { padding: 0 !important; } #town-calendar .tribe-events-widget-header__top-bar { color: #fff; background: #3e0c00; font-size: 18px; font-weight: 700; text-transform: uppercase; } #town-calendar .tribe-events-widget-header__top-bar { padding: 3px; } #town-calendar .tribe-events-widget-header__top-bar .tribe-common-c-btn-icon { padding: 4px 7px; } #town-calendar .tribe-events-widget-shortcode__header-title { display: none; } #town-calendar .tribe-events-header { padding: 0; margin: 0; } #town-calendar .tribe-mini-calendar-nav .prev-month { margin-right: 0; } #town-calendar .tribe-mini-calendar-nav .next-month { margin-left: 0; } #town-calendar .tribe-events-widget-events-month { position: relative; min-height: 1px; width: 100%; } #town-calendar .tribe-common-b3, #town-calendar .tribe-common-h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; } #town-calendar .tribe-events-calendar-month__header .tribe-events-calendar-month__header-column { background: #dff2f4; border-color: #dff2f4; color: #093439; padding: 5px; } #town-calendar .tribe-events-calendar-month__header .tribe-events-calendar-month__header-column h3 { font-size: 18px; font-weight: 700; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month__day { border-radius: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month { background: #dff2f4; } #town-calendar .tribe-events-calendar-month__day-cell--selected { background: #41aeb9; } #town-calendar .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum { color: #fff !important; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event { background: #bbb; } .tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background: #41aeb9; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover { background: #a8dbe0; } #town-calendar .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show, #town-calendar .tribe-events-widget-events-month__view-more { display: none; } #town-calendar .tribe-events-adv-list-widget { position: relative; min-height: 1px; width: 100%; display: flex; } #town-calendar .tribe-events-adv-list-widget > .tribe-events-loop { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #town-calendar .berlin-upcoming-events .type-tribe_events { position: relative; min-height: 1px; width: 100%; padding-bottom: 70px } #town-calendar .tribe-mini-calendar-event { border-bottom: none; margin-bottom: 0; margin-top: 0; padding-bottom: 0; width: 100%; } #town-calendar .tribe-mini-calendar-event .list-date { display: none; } #town-calendar .tribe-mini-calendar-event .list-info { width: 100%; float: none; display: block; padding-left: 10px; padding-right: 10px; margin-top: 0 } #town-calendar .tribe-mini-calendar-event .list-info h2 { font-size: 16px; font-family: 'Open Sans'; color: #321b06; margin-bottom: 5px } #town-calendar .tribe-mini-calendar-event .list-info .tribe-events-duration { font-size: 15px; font-weight: 700; color: #3ea6af; line-height: 17px; margin-bottom: 5px; } #town-calendar .tribe-mini-calendar-event .event-venue { font-size: 14px; color: #727272; margin-bottom: 10px; line-height: 16px } #town-calendar .tribe-mini-calendar-event .event-info-excerpt { font-size: 14px; color: #727272; line-height: 16px; } #town-calendar .tribe-mini-calendar-event .event-info-excerpt p { display: block; margin-top: 0; } #town-calendar .tribe-mini-calendar-event .more-info { padding-top: 13px; padding-bottom: 13px; position: absolute; bottom: 0; } .berlin-upcoming-events { width: calc(100% - 255px); display: flex; padding-left: 15px; } @media screen and (min-width: 768px) { #town-calendar { padding-top: 50px; padding-bottom: 50px; } #town-calendar .tribe-events-adv-list-widget .type-tribe_events { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } } @media screen and (min-width: 992px) { #town-calendar .tribe_mini_calendar_widget { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } #town-calendar .tribe-events-adv-list-widget { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -moz-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-left: 15px; } } @media screen and (min-width: 1200px) { #town-calendar .tribe-events-adv-list-widget > .tribe-events-loop { height: 100% } #town-calendar .calendar-buttons .site-button { margin-bottom: 15px; } } @media screen and (max-width: 1629px) and (min-width: 1200px) { #town-calendar > .container { padding-left: 0; padding-right: 0 } #town-calendar .calendar-buttons { padding-left: 0; padding-right: 0 } #town-calendar .site-button.btn-view { padding-left: 10px; padding-right: 10px } } @media screen and (max-width: 1439px) and (min-width: 992px) { #town-calendar > .container { max-width: 95% } } @media (max-width: 855px) { .widget_tribe-widget-events-month { width: 100%; } .berlin-upcoming-events { padding-left: 0; width: 100%; text-align: center; padding-top: 30px; } #town-calendar .tribe-mini-calendar-event .more-info { left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 767px) { #town-calendar .tribe_mini_calendar_widget { display: none; } #town-calendar .tribe-events-adv-list-widget .type-tribe_events:not(:nth-child(2)) { display: none; } #town-calendar .site-button { min-width: 150px; } #town-calendar a.btn-mobile-view.site-button { bottom: 41px; left: 200px; } } @media screen and (max-width: 413px) { #town-calendar a.btn-mobile-view.site-button { left: 175px; } } @media screen and (max-width: 374px) { #town-calendar .site-button { min-width: 130px; } #town-calendar a.btn-mobile-view.site-button { left: 150px; } } /*-------------------------------------------------------------- ACF LAYOUTS - SECTION --------------------------------------------------------------*/ .tob-section { padding-top: 30px; padding-bottom: 30px; } .tob-section::before, .tob-section::after { content: ''; display: table; clear: both } .tob-section + .tob-section { padding-top: 0; } .tob-section.with-bg { background-size: cover; background-position: center center } article .tob-section p > a:not(.site-button) { color: #3ea6af } @media screen and (min-width: 992px) { .tob-section { padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 1200px) { .tob-section { padding-top: 70px; padding-bottom: 70px; } } /*-------------------------------------------------------------- Fire Department with accordion tob-section padding/margin bottom override --------------------------------------------------------------*/ .postid-259 .tob-section { padding-bottom: 0; } .postid-259 .tob-wysiwyg:not(:last-child) { margin-bottom: 20px; } @media screen and (min-width: 992px) { .postid-259 #page-container.header-is-fixed #accordion-259-1:target::before { height: 230px; margin: -230px 0 0; } } @media screen and (min-width: 1200px) { .postid-259 #page-container.header-is-fixed #accordion-259-1:target::before { height: 260px; margin: -260px 0 0; } } @media screen and (min-width: 1236px) { .postid-259 #page-container.header-is-fixed #accordion-259-1:target::before { height: 215px; margin: -215px 0 0; } } @media screen and (min-width: 1630px) { .postid-259 #page-container.header-is-fixed #accordion-259-1:target::before { height: 218px; margin: -218px 0 0; } } @media screen and (min-width: 1763px) { .postid-259 #page-container.header-is-fixed #accordion-259-1:target::before { height: 230px; margin: -230px 0 0; } } /*-------------------------------------------------------------- ACF LAYOUTS - SECTION --------------------------------------------------------------*/ .tob-column.with-bg { background-size: cover; background-position: center center; padding-top: 30px; padding-bottom: 30px } /*-------------------------------------------------------------- ACF LAYOUTS - COLUMN --------------------------------------------------------------*/ .two-col .tob-column { padding-top: 30px; padding-bottom: 30px } @media screen and (min-width: 768px) { .two-col .tob-column { padding-top: 50px; padding-bottom: 50px } } @media screen and (min-width: 992px) { .two-col .tob-column { padding-top: 70px; padding-bottom: 70px } } @media screen and (max-width: 991px) { .two-col .tob-column:first-child { margin-bottom: 30px; } } /*-------------------------------------------------------------- ACF LAYOUTS - TITLE --------------------------------------------------------------*/ .tob-title { font-size: 48px; } .tob-title:not(:last-child) { margin-bottom: 30px } @media screen and (max-width: 767px) and (orientation: portrait) { .tob-title { font-size: 40px; } } /*-------------------------------------------------------------- ACF LAYOUTS - CONTENT WYSIWYG --------------------------------------------------------------*/ .tob-wysiwyg { line-height: 1.7 } .tob-wysiwyg::before, .tob-wysiwyg::after { content: ''; display: block; clear: both; } .tob-wysiwyg:not(:last-child) { margin-bottom: 30px } .tob-wysiwyg p:not(:last-child) { margin-bottom: 20px } .tob-wysiwyg a:not(.site-button) { color: #3ea6af; font-weight: 700 } .tob-wysiwyg h1, .tob-wysiwyg .h1, .tob-wysiwyg h2, .tob-wysiwyg .h2, .tob-wysiwyg h3, .tob-wysiwyg .h3, .tob-wysiwyg h4, .tob-wysiwyg .h4, .tob-wysiwyg h5, .tob-wysiwyg .h5, .tob-wysiwyg h6, .tob-wysiwyg .h6 { color: #3ea6af; margin-bottom: 20px; } /*-------------------------------------------------------------- ACF LAYOUTS - CONTENT BUTTONS --------------------------------------------------------------*/ .tob-buttons .site-button { margin-top: 10px; margin-bottom: 10px; } .tob-buttons .button-1 { background-color: #d0ad44; font-size: 21px; } .tob-buttons .button-1:hover { background-color: #3ea6af; color: #000000; } .tob-buttons .button-2 { background-color: #397d3d; font-size: 21px; } .tob-buttons .button-2:hover { background-color: #d0ad44; color: #000000; } .tob-buttons .button-3 { background-color: #3ea6af; font-size: 21px; } .tob-buttons .button-3:hover { background-color: #d0ad44; color: #000000; font-size: 21px; } .tob-section .tob-buttons:not(:last-child) { margin-bottom: 30px } /*-------------------------------------------------------------- IMAGE --------------------------------------------------------------*/ .tob-image-div:not(:last-child) { margin-bottom: 30px } /*-------------------------------------------------------------- VIDEO --------------------------------------------------------------*/ .tob-video { height: 435px; background-size: cover; background-position: center center } .tob-video:not(:last-child) { margin-bottom: 30px } .tob-video .custom-icon-play { font-size: 15px; width: 80px; height: 60px; background: rgba(29, 28, 30, .5); border-radius: 20%; } .tob-video .custom-icon-play::before { content: ''; border-radius: 5% / 50%; bottom: 9%; left: -5%; position: absolute; right: -5%; top: 9%; } .tob-video .custom-icon-play::after { border-style: solid; border-width: 1em 0 1em 1.732em; border-color: transparent transparent transparent rgba(255, 255, 255, .75); content: ' '; font-size: .75em; height: 0; margin: -1em 0 0 -.75em; top: 50%; position: absolute; width: 0; } .tob-video:hover .custom-icon-play, .tob-video:focus .custom-icon-play { background-color: #FF0000 } @media screen and (min-width: 1200px) { .tob-column.col-xl-1 .tob-video, .tob-column.col-xl-2 .tob-video, .tob-column.col-xl-3 .tob-video, .tob-column.col-lg-1 .tob-video, .tob-column.col-lg-2 .tob-video, .tob-column.col-lg-3 .tob-video { height: 270px; } .tob-column.col-xl-4 .tob-video, .tob-column.col-lg-4 .tob-video { height: 300px; } .tob-column.col-xl-5 .tob-video, .tob-column.col-lg-5 .tob-video { height: 380px; } .tob-column.col-xl-7 .tob-video, .tob-column.col-lg-7 .tob-video { height: 530px; } .tob-column.col-xl-8 .tob-video, .tob-column.col-lg-8 .tob-video { height: 590px; } .tob-column.col-xl-9 .tob-video, .tob-column.col-xl-10 .tob-video, .tob-column.col-xl-11 .tob-video, .tob-column.col-xl-12 .tob-video, .tob-column.col-lg-9 .tob-video, .tob-column.col-lg-10 .tob-video, .tob-column.col-lg-11 .tob-video, .tob-column.col-lg-12 .tob-video { height: 670px; } } /*-------------------------------------------------------------- HERO SLIDER --------------------------------------------------------------*/ .tob-hero-slider .carousel-item { height: 320px } .tob-hero-slider .carousel-item > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .tob-hero-slider #coolest-small-town h2 { margin-bottom: 0; } @media screen and (min-width: 768px) { .tob-hero-slider #coolest-small-town h2 { font-size: 36px; } .tob-hero-slider #coolest-small-town h3 { font-size: 50px; } } @media screen and (min-width: 768px) { .tob-hero-slider .carousel-item { height: 810px } .tob-hero-slider #coolest-small-town { position: absolute; right: 0; top: 240px; } .tob-hero-slider #how-can-we-help { position: absolute; right: 0; bottom: 80px; } } @media screen and (min-width: 1200px) { .tob-hero-slider #coolest-small-town { top: 215px; } .tob-hero-slider #how-can-we-help { bottom: 50px; } } @media screen and (max-width: 1439px) and (min-width: 1200px) { #main-content > article > .tob-hero-slider:not(.header-is-fixed):first-child .carousel-item { height: -webkit-calc(100vh - 100px); height: -moz-calc(100vh - 100px); height: calc(100vh - 100px); } } @media screen and (max-width: 1629px) and (min-width: 1440px) { #main-content > article > .tob-hero-slider:not(.header-is-fixed):first-child .carousel-item { height: -webkit-calc(100vh - 130px); height: -moz-calc(100vh - 130px); height: calc(100vh - 130px); } } @media screen and (min-width: 1630px) { #main-content > article > .tob-hero-slider:not(.header-is-fixed):first-child .carousel-item { height: -webkit-calc(100vh - 150px); height: -moz-calc(100vh - 150px); height: calc(100vh - 150px); } } @media screen and (max-width: 767px) { .tob-hero-slider .carousel-indicators { bottom: auto; top: 280px; } .tob-hero-slider #coolest-small-town { margin-bottom: 0; position: relative; } } /*-------------------------------------------------------------- GRID CONTENT BOXES SECTION --------------------------------------------------------------*/ .tob-grid-content-section .item { margin-bottom: 30px } .tob-grid-content-section .info-box:hover, .tob-grid-content-section .info-box:focus { background-color: #d0ad44; color: #321b06 } .with-sidebar-row .tob-grid-content-section .item:nth-child(odd) .info-box:not(:hover):not(:focus) { background-color: #3ea6af; } .with-sidebar-row .tob-grid-content-section .item:nth-child(even) .info-box:not(:hover):not(:focus) { background-color: #321b06; } .tob-grid-content-section .grid-link { top: 0; bottom: 0; left: 0; right: 0 } .tob-grid-content-section .grid-title { font-size: 30px; margin-bottom: 35px } .tob-grid-content-section .grid-excerpt { line-height: 1.7; margin-bottom: 35px } .tob-grid-content-section .grid-more-link { font-size: 14px; } .tob-grid-content-section .item-even .grid-more-link { color: #ddd1b7 } .tob-grid-content-section .item-odd .grid-more-link { color: #adf4fa } @media screen and (min-width: 576px) { .with-sidebar-row .tob-grid-content-section .row:nth-child(even) .item:nth-child(even) .info-box:not(:hover):not(:focus) { background-color: #3ea6af; } .with-sidebar-row .tob-grid-content-section .row:nth-child(even) .item:nth-child(odd) .info-box:not(:hover):not(:focus) { background-color: #321b06; } .with-sidebar-row .tob-grid-content-section .row:nth-child(odd) .item:nth-child(even) .info-box:not(:hover):not(:focus) { background-color: #321b06; } .with-sidebar-row .tob-grid-content-section .row:nth-child(odd) .item:nth-child(odd) .info-box:not(:hover):not(:focus) { background-color: #3ea6af; } } @media screen and (max-width: 1629px) and (min-width: 992px) { #department-services-grid > .container { padding-left: 0; padding-right: 0; } } /*-------------------------------------------------------------- ELECTED OFFICIALS --------------------------------------------------------------*/ .with-sidebar-row #elected-officials { max-width: 750px } #elected-officials .item { margin-bottom: 30px } #elected-officials .feat-image { width: 250px; height: 250px; overflow: hidden; background-size: cover; } #elected-officials a:hover, #elected-officials a:focus { color: #d0ad44; text-decoration: underline; } @media screen and (min-width: 1200px) { #elected-officials > .container { max-width: 1200px } #elected-officials .feat-image { width: 300px; height: 300px; } } /*-------------------------------------------------------------- TABLE PRESS --------------------------------------------------------------*/ .dataTables_wrapper .tablepress tfoot th, .dataTables_wrapper .tablepress thead th { background: #3e0c00; color: #FFFFFF } .dataTables_wrapper .tablepress tr.even { background: #a8dbe0; } .dataTables_wrapper .tablepress tr.odd { background: #41aeb9; } .dataTables_wrapper .tablepress tr td { font-size: 16px; color: #093439; background: transparent; } #tablepress-6 tbody td, #tablepress-6 tfoot th, #tablepress-7 tbody td, #tablepress-7 tfoot th { border-top: 1px solid #54b9c4 !important; } #tablepress-6 .dataTables_wrapper #tablepress-6 tr.even { background: #bee4e8; } #tablepress-6 .dataTables_wrapper #tablepress-6 tr.odd { background: #bee4e8; } #tablepress-6 .column-1, #tablepress-7 .column-1 { font-weight: bold; } #tablepress-6 .column-2, #tablepress-7 .column-2 { text-align: center; } #tablepress-6 .column-1, #tablepress-6 .column-2 { border-right: .5px solid #093439; font-size: 20px; } #tablepress-6 .column-1 { width: 37%; } #tablepress-7 thead th, .tablepress thead th { background-color: #3e0c00; color: #fff; } #tablepress-7 .column-1 { width: 36%; } #tablepress-7 thead tr th, #tablepress-7 tbody tr td { border-color: #000; } #tablepress-7 .column-1, #tablepress-7 .column-2 { border-right: .5px solid #093439; font-size: 20px; } /*-------------------------------------------------------------- FIRE DEPT GRANT TABLE PRESS CUSTOM STYLES -------------------------------------------------------------*/ .fire-dept-grants { font-size: 15px; } .fire-dept-grants tr td { text-align: center; } .fire-dept-grants tr th { text-align: center; } .fire-dept-grants .row-17 .column-6 { vertical-align: middle; } .fire-dept-grants .row-2 .column-1, .fire-dept-grants .row-4 { font-weight: bold; } .fire-dept-grants th.column-5 { border-right: 1px solid #fff; } .fire-dept-grants td.column-5 { border-right: 1px solid #000; } /*-------------------------------------------------------------- REQUEST FOR PROPOSALS --------------------------------------------------------------*/ #rfp-list .rfp-details > h2 { cursor: pointer; position: relative; padding-right: 70px !important; display: block; } #rfp-list .rfp-details > h2 i { position: absolute; right: 30px; top: 30px; } @media (max-width: 991px) { #rfp-list .rfp-details > h2 i { right: 15px; top: 20px; } } #rfp-list .rfp-desc { background: #a8dbe0; color: #1b191a; } #rfp-list .rfp-desc a, #rfp-list .rfp-desc a:visited { color: #1b191a; } #rfp-list .rfp-pdf-files { background: #dff2f4; } /*-------------------------------------------------------------- PROJECT --------------------------------------------------------------*/ #projects-list .proj-desc { background: #a8dbe0; } #projects-list .proj-attachments { background: #dff2f4 } #projects-list .proj-info:not(:last-child) { margin-bottom: 24px; } @media screen and (min-width: 992px) { #projects-list .proj-info:not(:last-child) { margin-bottom: 50px; } } /*-------------------------------------------------------------- ACCORDION --------------------------------------------------------------*/ #page-container:not(.header-is-fixed) .tob-accordion { padding-top: 30px; } #page-container .tob-accordion { margin-bottom: 30px; } #page-container:not(.header-is-fixed) .with-sidebar-row .tob-column > .tob-section:first-child .tob-accordion:first-child { margin-top: -30px; } .tob-accordion .card { background: #dff2f4 } .tob-accordion .card-header { background: #a8dbe0 } .tob-accordion .btn-link { color: #093439; } .tob-accordion .card:not(:last-child) .btn-link, .tob-accordion .card:not(:last-child) .btn { border-bottom: 1px solid #093439 } @media screen and (min-width: 992px) { #page-container.header-is-fixed .tob-accordion::before { content: ''; display: block; width: 100%; height: 223px; margin-top: -223px; } } @media screen and (min-width: 1200px) { #page-container:not(.header-is-fixed) .tob-accordion { padding-top: 50px; } #page-container:not(.header-is-fixed) .with-sidebar-row .tob-column > .tob-section:first-child .tob-accordion:first-child { margin-top: -50px } #page-container.header-is-fixed .tob-accordion::before { height: 130px; margin-top: -130px; } } @media screen and (min-width: 1440px) { #page-container.header-is-fixed .tob-accordion::before { height: 160px; margin-top: -160px; } } @media screen and (min-width: 1630px) { #page-container.header-is-fixed .tob-accordion::before { height: 180px; margin-top: -150px; } .years .tob-accordion::before { display: none !important; } } /*-------------------------------------------------------------- EVENTS ACCORDION --------------------------------------------------------------*/ .events-accordion { font-size: 16px } .past-events .card-header button h3:after, .group-description .card-header button h3:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .past-events-item:not(:first-child) { padding-top: 20px } .past-events-item:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid #a8dbe0 } .tob-accordion .events-header { background: #a8dbe0; color: #093439 } .upcoming-events-item { border: 1px solid #a8dbe0; border-top: 0; } .events-accordion .site-button { padding: 10px; } /*-------------------------------------------------------------- SINGLE DEPARTMENT --------------------------------------------------------------*/ .feat-dept-img { max-width: 300px; } .feat-dept-img .img-caption { clear: both; font-size: 12px; line-height: 1.2em; padding: 5px; } @media screen and (max-width: 991px) { .single-department .tob-buttons { text-align: center } .single-department .tob-buttons > .site-button { width: 100%; max-width: 370px } } @media screen and (max-width: 575px) { .feat-dept-img { float: none; margin-right: auto; margin-left: auto; text-align: center; } } /*-------------------------------------------------------------- DEPARTMENT DIRECTORY --------------------------------------------------------------*/ .department-directory h2 { color: #093439; background: #a8dbe0 } .directory-list { color: #093439; background: #dff2f4; } .directory-list i { font-size: 14px; } /*-------------------------------------------------------------- JOB LIST --------------------------------------------------------------*/ #jobs-list .job-desc { background: #a8dbe0; } #jobs-list .job-contact-info { background: #dff2f4 } #jobs-list .job-info:not(:last-child) { margin-bottom: 24px; } @media screen and (min-width: 992px) { #jobs-list .job-info:not(:last-child) { margin-bottom: 50px; } } /*-------------------------------------------------------------- post --------------------------------------------------------------*/ .post-list #searchform { text-align: right; margin: 0 -15px 15px 0; } @media screen and (max-width: 767px) { .post-list #searchform { margin: 0 0 15px 0; } } .blog-grid:nth-child(even) { background: #dff2f4; padding-top: 10px; padding-bottom: 20px } .related-posts { background: #dff2f4; padding: 20px 10px; } .category-bulletins #main-content .post-list .blog-grid .post-feat-img { float: left; padding: 0 15px 10px 0; max-width: 400px; } @media screen and (max-width: 576px) { .category-bulletins #main-content .post-list .blog-grid .post-feat-img { float: none; padding-right: 0; max-width: 100%; } } /*-------------------------------------------------------------- --------------------------------------------------------------*/ #parks-list .park-item:nth-child(odd) { background: #dff2f4 } #parks-list .park-item:nth-child(even) { background: #a8dbe0 } @media screen and (min-width: 992px) { #parks-list .feat-img { max-width: 190px } } @media screen and (min-width: 1200px) { #parks-list .feat-img { max-width: 300px } } @media screen and (max-width: 666px) { #parks-list .feat-img { float: none; } } /*-------------------------------------------------------------- PAST MAYORS --------------------------------------------------------------*/ .past-mayors .past-mayors--single { padding-bottom: 30px; } .past-mayors .past-mayors--single .past-mayors--single--image { width: 250px; height: 250px; overflow: hidden; background-size: cover; background-repeat: no-repeat; } /*-------------------------------------------------------------- BERLIN LIVABILITY WIDGET --------------------------------------------------------------*/ #av_wgt_div .mn dt, #av_wgt_div .mn dd ul li { cursor: pointer; } #av_wgt_div .mn dt:hover, #av_wgt_div .mn dd ul li:hover { color: #d0ad44; } /*-------------------------------------------------------------- MOBILE MENU --------------------------------------------------------------*/ html body div.wprm-overlay { opacity: 0.5 } #wprmenu_bar { z-index: 99991; } #wprmenu_bar:not(.site-scrolled) { background: #d0ad44; } #wprmenu_bar:not(.site-scrolled):not(.active) { left: auto; right: 0; width: auto; } #wprmenu_bar:not(.site-scrolled) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger-inner::after { border-radius: 5px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner { background: #FFFFFF; } @media screen and (max-width: 1024px) { #mobile-logo { padding-top: 5px; padding-bottom: 5px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { height: 10px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before { top: 25px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { top: 50px; } } @media screen and (max-width: 1024px) and (min-width: 992px) { #wprmenu_bar:not(.site-scrolled):not(.active) { height: 90px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-box { width: 65px; height: 65px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { width: 65px; height: 10px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner { top: 8px; } } @media screen and (max-width: 991px) { #wprmenu_bar:not(.site-scrolled):not(.active) { height: 107px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-box { width: 70px; height: 70px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { width: 70px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner { top: 15px; left: 0px; } } @media screen and (max-width: 767px) { #mobile-logo { width: 466px; } #mobile-logo > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width: 666px) and (min-width: 568px) { #mobile-logo > a { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } } @media screen and (max-width: 567px) { #mobile-logo { height: 80px; padding-top: 2px; padding-bottom: 2px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-box { width: 50px; height: 50px } } @media screen and (max-width: 567px) and (min-width: 480px) { #mobile-logo { width: 398px; } } @media screen and (max-width: 567px) and (min-width: 414px) { #mobile-logo > a { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 3px; -moz-transform-origin: 0 3px; -ms-transform-origin: 0 3px; -o-transform-origin: 0 3px; transform-origin: 0 3px; } #wprmenu_bar:not(.site-scrolled):not(.active) { height: 80px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { width: 50px; height: 8px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner { top: 9px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before { top: 20px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { top: 40px; } } @media screen and (max-width: 479px) { #mobile-logo { width: 335px; } } @media screen and (max-width: 413px) { #mobile-logo { height: 60px; } #mobile-logo > a { -webkit-transform: scale(0.55); -moz-transform: scale(0.55); -ms-transform: scale(0.55); -o-transform: scale(0.55); transform: scale(0.55); -webkit-transform-origin: 0 5px; -moz-transform-origin: 0 5px; -ms-transform-origin: 0 5px; -o-transform-origin: 0 5px; transform-origin: 0 5px; } #wprmenu_bar { padding: 5px; } #wprmenu_bar:not(.site-scrolled):not(.active) { height: 60px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before, #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { width: 40px; height: 6px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner { left: 5px; top: 10px } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::before { top: 15px; } #wprmenu_bar:not(.site-scrolled) .hamburger--slider:not(.is-active) .hamburger-inner::after { top: 30px; } } #top-footer .ctct-form-embed .ctct-form-defaults { background-color: white; margin-top: 0px; } #top-footer div.ctct-form-embed form.ctct-form-custom input.ctct-form-element { color: #000; border: 1px solid #efefef; border-radius: 0; background-color: #efefef; padding: 8px 15px; min-height: 42px; box-shadow: none; } #top-footer .ctct-form-defaults .ctct-form-header { color: #3ea6af; font-family: 'Raleway'; font-weight: 700; margin-top: 0; margin-bottom: .5rem; padding: 0px; line-height: 1; font-size: 1.2rem; box-shadow: none; } #top-footer div.ctct-form-embed div.ctct-form-defaults { padding: 0px; } #top-footer div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { margin: 0; } #site-footer div.ctct-form-embed.form_1 form.ctct-form-custom fieldset.ctct-form-lists { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #site-footer div.ctct-form-embed form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-lists-legend { margin-top: 25px; margin-bottom: 0; font-size: 16px; margin-left: 17px; } #site-footer div.ctct-form-embed form.ctct-form-custom fieldset.ctct-form-lists { padding: 0px; } #site-footer div.ctct-form-embed form.ctct-form-custom label.ctct-form-label { margin-bottom: 2px; margin-top: 10px; } #site-footer .ctct-form-embed .ctct-form-custom .ctct-form-listname { color: #000; font: 14px 'Source Sans Pro'; } #site-footer div.ctct-form-embed form.ctct-form-custom label.ctct-form-label { font-weight: normal; } #site-footer .gform_wrapper .gfield ul.gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield ul.gfield_radio li input[type="radio"] { margin-top: 4px; vertical-align: top; } #site-footer .ctct-form-embed .ctct-form-custom .ctct-form-button { cursor: pointer; color: #FFFFFF; font: 800 14px 'Raleway'; line-height: normal; background-color: #3ea6af; border: 2px solid #3ea6af; border-radius: 5px; padding: 10px 15px; line-height: 1; min-width: 140px; min-height: 42px; width: auto; margin: 0 16px 0 0; } #site-footer .ctct-form-embed .ctct-form-custom .ctct-form-button:hover, #site-footer .ctct-form-embed .ctct-form-custom .ctct-form-button:focus { color: #321b06; background-color: #d0ad44; border: 2px solid #d0ad44; } #site-footer div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer { text-align: left; } #site-footer div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text { color: #1b191a; font-family: 'Open Sans'; font-size: 18px; line-height: 1.5; margin-bottom: 5px; } #gallery-view.slideshow { } #gallery-view.slideshow .gallery-image { padding-left: 30px; padding-right: 30px; text-align: center; } #gallery-view.slideshow .gallery-image > a { display: inline-block; } #gallery-view.slideshow .slick-arrow { height: 30px; width: 30px; z-index: 9; } #gallery-view.slideshow .slick-arrow.slick-prev { left: 0; } #gallery-view.slideshow .slick-arrow.slick-next { right: 0; } #gallery-view.slideshow .slick-arrow::before { color: black; font-size: 30px; } .red { color: #8b0000; font-weight: 700; margin-bottom: 0; font-size: 16px; } .gform_wrapper table.gfield_list tbody tr td.gfield_list_icons { width: 130px !important; padding-left: 5px !important; } .gfield_list .gfield_list_icons .add_list_item, .gfield_list .gfield_list_icons .delete_list_item { background: #3ea6af; display: inline-block; padding: 0px 10px 5px; border-radius: 5px; margin-bottom: 5px; } .gfield_list .gfield_list_icons .add_list_item img, .gfield_list .gfield_list_icons .delete_list_item img { opacity: 1.0; } .gfield_list .gfield_list_icons .add_list_item span, .gfield_list .gfield_list_icons .delete_list_item span { color: #fff; font-size: 12px; padding-left: 5px; } .additional-event-fields-buttons { display: flex; flex-wrap: wrap; } .additional-event-fields-buttons .additional-event-fields-buttons__btn { display: inline-flex; align-items: center; justify-content: center; background-color: #3ea6af; border-radius: 5px; color: #f5fbfe; font: 800 14px 'Raleway'; margin: .4em 0; padding: .75em; text-align: center; } .additional-event-fields-buttons .additional-event-fields-buttons__btn:not(:last-child) { margin-right: .4em; } .additional-event-fields-buttons .additional-event-fields-buttons__btn:active, .additional-event-fields-buttons .additional-event-fields-buttons__btn:hover, .additional-event-fields-buttons .additional-event-fields-buttons__btn:focus { background-color: #d0ad44; border-bottom: none !important; } .additional-event-fields-buttons .additional-event-fields-buttons__btn i { margin-right: .5em; } .additional-event-fields-buttons .additional-event-fields-buttons__btn--green { background-color: #397d3d; } .featured-awards .repeater-item-wrapper{ padding-top: 70px; } .featured-awards .repeater-item-wrapper .repeater-item { position: relative; display: flex; flex-direction: column; justify-content: center; height: 418px; background-blend-mode: darken; background-color: rgba(0, 0, 0, 0.5); background-size: cover; padding: 0 25px; } .featured-awards .repeater-item-wrapper .repeater-item:before { content: ''; height: 100px; width: 100px; position: absolute; top: 0; left: 0; background: linear-gradient(135deg, rgba(208, 173, 68, 1) 50%, transparent 50%); } .featured-awards .repeater-item h3, .featured-awards .repeater-item p { color: white; text-align: center; } .featured-awards .repeater-item p { font-style: italic; } .featured-awards .repeater-item-wrapper .repeater-item .link-wrapper { text-align: center; } .featured-awards .repeater-item-wrapper .repeater-item .link-wrapper a{ color: white; background-color: #d0ad44; font-size: 21px; text-transform: uppercase; padding: 5px 30px; border-radius: 30px; } .featured-awards .row-wrapper{ justify-content: center; } .years .accordion-title{ text-transform: uppercase; font-weight: 800; } .years .tob-accordion .card{ padding: 10px 0; background: white; } .years .tob-accordion .card-header{ background: #0b0b0b; border-radius: 30px!important; } .years .btn{ border: none!important; padding: 10px 20px 10px 20px!important; } .years .mb-0{ display: flex; justify-content: space-between; color: white!important; font-size: 36px; font-family: 'Open Sans', sans-serif; } .years .btn-link:hover { text-decoration: none!important; } .years .btn-link:focus { text-decoration: none!important; } .years .tob-accordion .active{ background: #d0ad44; } .years .tob-accordion .active .btn .mb-0 .fa-angle-down{ rotate: 180deg; } .years .tob-accordion .btn .mb-0 .fa-angle-down{ align-items: center; display: flex; } @media screen and (max-width: 1350px) { .featured-awards .repeater-item-wrapper .repeater-item .link-wrapper a{ font-size: 16px; } } .years ul li span{ font-weight: bold; } .custom-accordion .accordion-item { margin-bottom: 10px; } .custom-accordion .accordion-header { cursor: pointer; padding: 15px; font-size: 18px; font-weight: bold; } .custom-accordion .accordion-button { background: none; border: none; width: 100%; text-align: left; cursor: pointer; font-size: inherit; font-weight: inherit; padding: 0; outline: none; } .custom-accordion .accordion-button:after { content: '+'; float: right; font-size: 24px; } .custom-accordion .accordion-button.active:after { content: '-'; } .custom-accordion .accordion-collapse { display: none; padding: 15px; } .custom-accordion .accordion-body ul { list-style-type: disc; padding-left: 20px; } .custom-accordion .accordion-body ul li { margin-bottom: 10px; } .custom-accordion .accordion-body a { text-decoration: none; color: #ffffff; } .custom-accordion .accordion-body a:hover { text-decoration: underline; } .tob-section .job-info .site-button { font-size: 1.5rem; }