/* ==================== admimn styles for c2 branding ==================== */ /* league-spartan-100 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 100; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-100.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-300 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 300; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-300.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-200 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 200; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-200.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-regular - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 400; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-regular.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-500 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 500; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-500.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-600 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 600; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-600.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-700 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 700; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-700.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-900 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 900; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-900.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } /* league-spartan-800 - latin */ @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 800; src: url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/league-spartan-v5-latin/league-spartan-v5-latin-800.svg#LeagueSpartan') format('svg'); /* Legacy iOS */ } body, html { min-height: 100%!important; } body.c2pp_login{ font-family: 'League Spartan',sans-serif; } body.c2pp_login a:hover, body.c2pp_login a:focus, body.c2pp_login a:visited, body.c2pp_login a:active, input#password_protected_pass:hover, input#password_protected_pass:focus, input#password_protected_pass:active{ outline: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .c2pp_login #login{ width: 100%; padding-top: 0px; min-height: 90vh!important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .c2pp_login.login-password-protected.login-action-password-protected-login.wp-core-ui { /*background: #8c0013;*/ background: #ffffff; background-image: url(../images/c2_agentur_powerup.jpeg); background-size: cover; background-repeat: no-repeat; min-height: 250vh!important; background-position: center; /*max-height: 100vh!important;*/ overflow: hidden; } .c2pp_login.login-password-protected.login-action-password-protected-login #login #elem_vend_logo a{ background-size: contain; width: auto; background-image: url(../images/C2_Logo_2022_Redesign-01.svg); background-image: none,url(../images/C2_Logo_2022_Redesign-01.svg); background-position: center top; background-repeat: no-repeat; color: #3c434a; height: 120px; font-size: 20px; font-weight: 400; line-height: 1.3; margin: 0; padding: 0; text-decoration: none; text-indent: -9999px; outline: 0; overflow: hidden; display: block; } .c2pp_login #login_error { background-color: #8c0013; padding: 1rem; color: white; width: 320px; margin: 1rem auto; text-align: center; font-size: 20px; line-height: 1; padding: 10px 15px; } .c2pp_login form#loginform { background-color: transparent; padding: 1rem; /*width: 320px;*/ width: 75%; margin: 1rem auto; } .c2pp_login #login form p{ margin: 0; } .c2pp_login input#password_protected_pass { width: 100%; border-radius: 0px; border: 1px solid #8c0013; font-size: 20px; } .c2pp_login #login form p.submit{ margin: 1rem 0 0 0; text-align: center; } .c2pp_login input#wp-submit{ background-color: #8c0013; color: white; font-weight: bold; font-size: 20px; margin: 2rem 0; border-radius: 0px; border: 0px; padding: 10px 20px; line-height: 1.3; } .c2pp_login input#wp-submit:hover{ background-color: #4c4e4e; cursor: pointer; } .c2pp_login #elem_wlc_text{ text-align: center; margin-top: 0; } .c2pp_login #elem_wlc_text h1, .c2pp_login p.wlc_text_p{ color: white!important; font-size: 30px!important; font-weight: bold!important; line-height: 1; margin: 1rem 0; } .c2pp_login #elem_vend_logo{ margin: 0vh; } .c2pp_login #elem_wlc_vendor_creds{ text-align: center; } .c2pp_login #elem_wlc_vendor_creds p { margin: 0 0 15px 0; } .c2pp_login #elem_wlc_vendor_creds a{ text-decoration: none; color: #4c4e4e; font-size: 18px; font-weight: 600; } .c2pp_login label#lbl_password_protected_pass { /*font-size: 18px;*/ font-size: 20px; text-align: center; display: block; } /* #################################################### ooo ooooo .o8 o8o .oooooo. o8o `88. .888' "888 `"' d8P' `Y8b `"' 888b d'888 .ooooo. .oooo888 oooo .oooo. 888 888 oooo oooo .ooooo. oooo d8b oooo .ooooo. .oooo.o 8 Y88. .P 888 d88' `88b d88' `888 `888 `P )88b 888 888 `888 `888 d88' `88b `888""8P `888 d88' `88b d88( "8 8 `888' 888 888ooo888 888 888 888 .oP"888 888 888 888 888 888ooo888 888 888 888ooo888 `"Y88b. 8 Y 888 888 .o 888 888 888 d8( 888 `88b d88b 888 888 888 .o 888 888 888 .o o. )88b o8o o888o `Y8bod8P' `Y8bod88P" o888o `Y888""8o `Y8bood8P'Ybd' `V88V"V8P' `Y8bod8P' d888b o888o `Y8bod8P' 8""888P' #################################################### */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Bootstrap 4 breakpoints */ /* Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap because it is "mobile first" */ @media (max-width: 374px) { } /* oooooooo ooooooooo .ooo dP""""""" d"""""""8' .88' d88888b. .8' d88' `Y88b .8' d888P"Ybo. ]88 .8' Y88[ ]88 o. .88P .8' `Y88 88P `8bd88P' .8' `88bod8' Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } @media (min-width: 768px) { .c2pp_login #elem_wlc_text h1, .c2pp_login p.wlc_text_p { font-size: 60px!important; margin: 3rem 0; } .c2pp_login form#loginform { width: 50%; } } /* .oooo. ooooooooo oooooooo .ooooo. .o .oooo. .dP""Y88b d"""""""8' dP""""""" d88' `8. o888 .dP""Y88b ]8P' .8' d88888b. Y88.. .8' 888 ]8P' <88b. .8' `Y88b `88888b. 888 .d8P' `88b. .8' ]88 8888888 .8' ``88b 888 .dP' o. .88P .8' o. .88P `8. .88P 888 .oP .o `8bd88P' .8' `8bd88P' `boood8' o888o 8888888888 ----------- iPhone X ----------- */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } /* .ooooo. .ooooo. .oooo. 888' `Y88. 888' `Y88. .dP""Y88b 888 888 888 888 ]8P' `Vbood888 `Vbood888 .d8P' 888' 888' .dP' .88P' .88P' .oP .o .oP' .oP' 8888888888 Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* .o .oooo. .oooo. .o o888 d8P'`Y8b .dP""Y88b .d88 888 888 888 ]8P' .d'888 888 888 888 .d8P' .d' 888 888 888 888 .dP' 88ooo888oo 888 `88b d88' .oP .o 888 o888o `Y8bd8P' 8888888888 o888o */ @media (min-width: 1024px) { } /* .o .oooo. .oooo. .oooo. o888 .dP""Y88b d8P'`Y8b d8P'`Y8b 888 ]8P' 888 888 888 888 888 .d8P' 888 888 888 888 888 .dP' 888 888 888 888 888 .oP .o `88b d88' `88b d88' o888o 8888888888 `Y8bd8P' `Y8bd8P' Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* .o .oooo. .ooo .ooo o888 .dP""Y88b .88' .88' 888 ]8P' d88' d88' 888 <88b. d888P"Ybo. d888P"Ybo. 888 `88b. Y88[ ]88 Y88[ ]88 888 o. .88P `Y88 88P `Y88 88P o888o `8bd88P' `88bod8' `88bod8' */ /* ========================== 1366 ========================== */ @media (min-width: 1366px) { } /* .o .o .o .oooo. o888 .d88 .d88 d8P'`Y8b 888 .d'888 .d'888 888 888 888 .d' 888 .d' 888 888 888 888 88ooo888oo 88ooo888oo 888 888 888 888 888 `88b d88' o888o o888o o888o `Y8bd8P' Extra large devices (large desktops, 1440px and up) */ /* Extra large devices (large desktops, 1440px and up) */ @media (min-width: 1440px) { .c2pp_login #elem_wlc_text { margin-top: 0vh; } .c2pp_login #elem_wlc_text h1, .c2pp_login p.wlc_text_p { margin: 2rem 0; } .c2pp_login.login-password-protected.login-action-password-protected-login.wp-core-ui { background: #8c0013; background-image: url(../images/c2_agentur_powerup.jpeg); background-size: cover; background-repeat: no-repeat; min-height: 250vh!important; background-position: top; /* max-height: 100vh!important; */ overflow: hidden; } .c2pp_login form#loginform { width: 15%; } } /* .o .ooo .oooo. .oooo. o888 .88' d8P'`Y8b d8P'`Y8b 888 d88' 888 888 888 888 888 d888P"Ybo. 888 888 888 888 888 Y88[ ]88 888 888 888 888 888 `Y88 88P `88b d88' `88b d88' o888o `88bod8' `Y8bd8P' `Y8bd8P' */ @media (min-width: 1600px) { .c2pp_login #elem_wlc_text { text-align: center; margin-top: 18vh; } .c2pp_login #elem_wlc_vendor_creds { margin-bottom: 7vh; } } /* .o .ooooo. .oooo. .oooo. o888 888' `Y88. .dP""Y88b d8P'`Y8b 888 888 888 ]8P' 888 888 888 `Vbood888 .d8P' 888 888 888 888' .dP' 888 888 888 .88P' .oP .o `88b d88' o888o .oP' 8888888888 `Y8bd8P' */ @media (min-width: 1920px) { } /* .oooo. oooooooo .ooo .oooo. .dP""Y88b dP""""""" .88' d8P'`Y8b ]8P' d88888b. d88' 888 888 .d8P' `Y88b d888P"Ybo. 888 888 .dP' ]88 Y88[ ]88 888 888 .oP .o o. .88P `Y88 88P `88b d88' 8888888888 `8bd88P' `88bod8' `Y8bd8P' */ @media (min-width: 2560px) {} /* .oooo. .oooo. .oooo. .oooo. .dP""Y88b .dP""Y88b d8P'`Y8b d8P'`Y8b ]8P' ]8P' 888 888 888 888 <88b. .d8P' 888 888 888 888 `88b. .dP' 888 888 888 888 o. .88P .oP .o `88b d88' `88b d88' `8bd88P' 8888888888 `Y8bd8P' `Y8bd8P' */ @media (min-width: 3200px) { } /* .oooo. .ooooo. .o .oooo. .dP""Y88b d88' `8. .d88 d8P'`Y8b ]8P' Y88.. .8' .d'888 888 888 <88b. `88888b. .d' 888 888 888 `88b. .8' ``88b 88ooo888oo 888 888 o. .88P `8. .88P 888 `88b d88' `8bd88P' `boood8' o888o `Y8bd8P' */ @media (min-width: 3840px) { } /* .o .oooo. .ooooo. .ooo .d88 d8P'`Y8b 888' `Y88. .88' .d'888 888 888 888 888 d88' .d' 888 888 888 `Vbood888 d888P"Ybo. 88ooo888oo 888 888 888' Y88[ ]88 888 `88b d88' .88P' `Y88 88P o888o `Y8bd8P' .oP' `88bod8' */ @media (min-width: 4096px) { }