/*! Theme Name: Custom Modern Theme Template: modern Version: 1.0.0 Theme URI: https://git.systemausfall.org/newyorck/custom-modern-theme Gitea Theme URI: https://git.systemausfall.org/newyorck/custom-modern-theme Author: NewYorck Website Devs Author URI: https://newyorck.net/ License: GPL-3.0-or-later License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. IMPORTANT: Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md Child theme CSS styles: */ .wp-block-file__button { border-radius: 0; } .wp-block-button__link { border-radius: 0!important; } .site-header-content { padding-top: 1em !important; padding-bottom: 1em !important; } .wp-block-latest-posts__list li a{ display: block; } .wp-block-heading a { display: block; width: 100%; } a.wp-block-latest-posts__post-title:hover { text-decoration: none; background-color: transparent!important; } .wp-block-button { margin-bottom: 2rem!important; } .wp-block-buttons a { text-decoration: none; } .wp-block-separator { display: none; } /*vernetzung*/ .entry-content a{ display: inline; } .entry-content li { line-height: 2rem; } .entry-content a:hover { -webkit-box-shadow: none; box-shadow: none; } /*kontakte heading h2*/ .entry-content h2 { text-decoration: none !important; } /*projekte text colour differently? */ .content-area h2 { color: #efbbff; text-decoration: underline; } .content-area h2:hover { text-decoration: none; } .content-area h2 a:hover { color: #660066; text-decoration: none; } /* Proposal - aktuelles */ .wp-block-latest-posts__post-title:hover { text-decoration: none; } h2.entry-title { background-color: transparent; color: #660066; text-decoration: underline; font-size: 1.2rem; } h2.entry-title:hover { background-color: transparent; text-decoration: none; } h2.entry-title a { display: block; width: 100%; } h2.entry-title a:hover { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .entry-summary { font-size: 1rem!important; line-height: 1.4rem!important; letter-spacing: 0.01rem; color: rgba(0,0,0,0.7) } /* test*/ .entry-summary a { background-color: #efbbff; color: #660066; -webkit-box-shadow: 1px 1px 3px gray; box-shadow: 1px 1px 3px gray; width: auto; display: inline; font-size: 1rem; text-decoration: none; } a.more-link { display: inline; text-decoration: none; } .more-link { background-color: #efbbff; -webkit-box-shadow: 1px 1px 3px gray; box-shadow: 1px 1px 3px gray; display: none!important; } .more-link:hover { color: #660066; } /*radar-icon*/ .radar-icon { font-family: "Typewriter",Consolas,Monaco,"Courier New",Courier,monospace,sans-serif; letter-spacing: 0.1rem; font-weight: 100; font-size: 0.9rem; } .radar-icon-point { color: #efbbff; font-weight: 100; letter-spacing: -0.5rem; } .radar-icon-double-clip { font-size:1.2rem; font-weight: 10; letter-spacing: -0.5rem; font-family: "Typewriter",Consolas,Monaco,"Courier New",Courier,monospace,sans-serif; } .last-clip { font-size: 1.6rem; letter-spacing: -0.5rem; } /*Design-Termine-Seite*/ #primary, #main { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } #post-1597 { background-color: rgba(0,0,0,0); } #post-1597 h1.entry-title { color: rgba(250,250,250,0.8); } /*radar-widget*/ .squat-radar { border-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 0; padding-bottom: 0; background-color: #660066!important; -o-box-shadow: 3px 1px 1px gray; -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .squat-radar.radar-event { padding: 0; margin: 2rem 0; height:160px; overflow: hidden!important; background-color: transparent; /*border-radius: 15px;*/ border-bottom-color: transparent; } .squat-radar.radar-event:hover { background-color: rgba(255,255,255,0.1)!important; height: auto; } .squat-radar-title { font-weight: 400; pointer-events: none; } .squat-radar-title a { display: block!important; font-size: 1.2rem; line-height: 2.2rem; } .squat-radar-url-title { color: #efbbff; background-color: #660066; text-decoration: underline; display: block; width:100%; margin-bottom: 0; padding: 0.5rem 0.5rem 0.5rem 1rem; } .squat-radar-url-title:hover { color: #660066; background-color: #efbbff!important; } .squat-radar .squat-radar-datetime { font-weight: normal; } .squat-radar-event-start { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #660066; background-color: #efbbff; font-size: 1.5rem; padding: 0 0.5rem 0 0.5rem; } .squat-radar-date::before { content: ' \f425'; font-family: Genericons-Neue; font-weight: normal; position: relative; top: 0.19rem; margin-right: 0.3rem; font-size: 1.4rem; } .squat-radar-time::before { content: ' \f303'; font-family: Genericons-Neue; margin-right: 0.3rem; font-size: 1.4rem; margin-bottom: -0.1rem; position: relative; top: 0.17rem; } .squat-radar-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; line-height: unset !important; } .squat-radar .squat-radar-title { margin: 0; } .squat-radar-body-summary { margin-top: 1rem; margin-left: 1rem; color: rgba(255,255,255,0.8); line-height: 1.38rem; word-spacing: 5px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; background-color: transparent; } .squat-radar-body { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 2rem; } .squat-radar-image { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin: 1rem auto 0.5rem 1rem; height: 15px; width: auto; } .squat-radar-image:hover { cursor: pointer; width: auto!important; height: 150px!important; padding-left: 1rem; } a.squat-radar-url-more { text-decoration: none; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; padding-left: unset !important; background-color: #660066; color: #efbbff; display: inline-block; -o-box-shadow: 3px 1px 1px gray; -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); text-align: center; max-width: 30%; margin-bottom: 0.5rem; margin-top: 1rem; } /* BUTTON HOVER WHITE */ a.squat-radar-url-more:hover, .wpcf7-submit:hover { color: #fff !important; } .squat-radar-list { color: #efbbff; -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; padding-left: 0.625em !important; line-height: 1.5em !important; } .squat-radar-list::before { content: '\f302'; font-family: Genericons-Neue; margin: 0 0.5rem 0 0 !important; } .squat-radar .squat-radar-list li { padding: 0 !important; margin: 0 !important; line-height: 0.1em !important; } /*radar-widget-landigpage*/ .post-2 .squat-radar.radar-event { height: 100%; background-color: white!important; -webkit-box-shadow: none; box-shadow: none; } .post-2 .wp-block-buttons { display: none; } .post-2 .squat-radar-body-summary { display: none; } .post-2 .squat-radar-body{ display: none; } .post-2 .squat-radar-image{ display: none } .post-2 a.squat-radar-url-more{ display: none; } .post-2 .squat-radar-title { pointer-events: auto!important; } .post-2 .squat-radar-list { color: #efbbff; background-color: #660066; margin: 0; } /*end radar*/ .page-header, .entry-meta { display:none } .genericons-neue { font-size: 1.5rem; } /* style nav */ .menu li:hover { cursor: context-menu; color: #efbbff; text-decoration: none; } ul#menu-primary li button { border: 0px solid transparent !important; } .main-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main-navigation-container .menu-search { margin: 5vh auto 0; } .toggle-sub-menus .button-toggle-sub-menu { width: 100% !important; height: 3.4375rem; display: block; top: 0; position: absolute; } .toggle-sub-menus .button-toggle-sub-menu::after, .toggle-sub-menus .button-toggle-sub-menu::before { left: unset; right: 0; } .sub-menu { margin-top: 0.59375rem !important; } .custom-logo { background-color: rgba(0,0,0,0.2); border-radius: 45px; } .site-branding { background-color: rgba(0,0,0,0.2); border-radius: 45px; padding-right:1rem; padding-bottom: 0.5rem; padding-left: 1rem; } .site-title { text-shadow: 3px 1px 5px rgba(0,0,0,.5); } .site-description{ color: whitesmoke; text-shadow: 3px 1px 5px rgba(0,0,0,1); } p.site-description { padding-left: 2rem; } /* style suche*/ .menu-search { width: 100%; margin-top: 5rem !important; position: relative; } search-form, form[role=search] { background-color: transparent; width: 100%; position: relative; right: 0; } .search-field { border: 3px solid rgba(200,200,200,0.5); border-style: groove; padding: 1rem 0.3rem; /*border-radius: 5px;*/ } /* style button*/ .wp-element-button { background-color: #660066; color: #efbbff; text-decoration: underline; margin-bottom: 1rem; -o-box-shadow: 1px 1px 3px black; -ms-box-shadow: 1px 1px 3px black; -webkit-box-shadow: 1px 1px 3px black; box-shadow: 1px 1px 3px black; } .wp-block-button__link { color: #efbbff; background-color: #660066; margin-bottom: 1.2rem; } .wp-element-button:hover { color: #fff !important; text-decoration: none; } .language-switcher { background-color: #660066; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2); box-shadow: 1px 1px 3px rgba(0,0,0,.2); position: absolute; top: 1rem; right: 0; z-index: 2000; } .language-switcher-button { padding: 1px 5px; cursor: pointer; margin-right: 5px; background-color: #660066!important; } .language-switcher-button:hover { border-color: transparent; color: white; } .language-switcher-dropdown { display: none; list-style-type: none; position: absolute; background-color: var(--color_accent); min-width: 100px; left: -1.5rem; z-index:2000; } .language-switcher:hover .language-switcher-dropdown { display: block; cursor: pointer; } .language-switcher-dropdown { padding: 5px 8px; } .language-switcher-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .language-switcher-icon { background-image: url(https://newyorck.net/wp-content/uploads/2023/06/icon128px-exported-black-1-e1687520804849.png); background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 5px; } /* contact form styling */ .wpcf7-form input, .wpcf7-form textarea { border-color: #000000; width: 100% } .wpcf7-form label{ width: 100% } /* Anpassung des Hintergrundbildes, damit der Abschluss nach unten passt */ .intro-media{ position:absolute; width:100%; height:100vH; left:0; top:0; text-align:center; background-color:inherit; overflow:hidden; z-index:0} /*Schriftgröße * Wir sollten !important überdenken*/ p:not(.site-title),li, ul, ol, span, td { font-size: 20px !important; } nav a { font-size: 20px; } h1, h2, h3, h4, h5, h6 { font-size: 38px; } .entry-summary { font-size: 20px !important; } /* FONTS --> sollte in ein stylesheet.css des Childthemes verschoben werden */ /* Atkinson-Hyperlegible */ /*style: regular*/ @font-face { font-family: 'Atkinson-Hyperlegible'; src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff") format('woff'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff2") format('woff2'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.ttf") format('ttf'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.eot"), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.svg#Atkinson-Hyperlegible") format('svg'); font-weight: normal; font-style: normal; } /*für italic*/ @font-face { font-family: 'Atkinson-Hyperlegible'; src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.woff") format('woff'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Regular-102.woff2") format('woff2'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.ttf") format('ttf'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.eot"), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Italic-102.svg#Atkinson-Hyperlegible") format('svg'); font-weight: normal; font-style: italic; } /*Style Bold*/ @font-face { font-family: 'Atkinson-Hyperlegible'; src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.woff") format('woff'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.woff2") format('woff2'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.ttf") format('ttf'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.eot"), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-Bold-102.svg#Atkinson-Hyperlegible") format('svg'); font-weight: bold; font-style: normal; } /*Style Bold-Italic*/ @font-face { font-family: 'Atkinson-Hyperlegible'; src: url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff") format('woff'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff2") format('woff2'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.ttf") format('ttf'), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.eot"), url( "/wp-content/themes/child-theme-1/fonts/Atkinson-Hyperlegible-BoldItalic-102.svg#Atkinson-Hyperlegible") format('svg'); font-weight: bold; font-style: italic; } h1, h2, h3 { font-family: 'Atkinson-Hyperlegible'; } /* @import url('https://fonts.googleapis.com/css?family=Roboto'); */ html, body, p { font-family: 'Atkinson-Hyperlegible'; } .site-title { font-family: 'Atkinson-Hyperlegible'; } .site-description { font-family: 'Atkinson-Hyperlegible'; } .wp-block-latest-posts__list li .entry-summary a { display: none; } .wp-block-latest-posts__list li .entry-summary { margin-bottom: 0; } .wp-block-latest-posts__list > li { margin-bottom: 0; border: solid; padding: 1rem; border-color: #660066; } .wp-block-latest-posts__list { margin-bottom: 0; margin-left: 0; } .post-grid .item .element_2, .post-grid .item .element_3{ display: none !important; } .timeline li::before{ background-color: #660066; } .site-branding { padding-bottom: 0; padding-left: 0; } .language-switcher-button { font-weight: 100; } h1.site-title, .site-description{ color: black !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .site-branding { background: none; } .pll-switcher-select { width: -webkit-min-content; width: -moz-min-content; width: min-content; background-image: none; border: none; } p.site-description { padding-left: 0; border: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .custom-logo { background: none; } /*responsive style*/ /* 278px */ @media only screen and (min-width: 17.375rem){ .squat-radar.radar-event { height: 90px; } } /* 586px */ @media only screen and (min-width: 36.625rem){ .wp-block-button { margin-bottom: 2rem!important; } .wp-block-latest-posts__list li a{ display: inline; } .entry-content a{ display: inline; } .wp-block-heading a { display: inline!important; } .squat-radar.radar-event { padding: 0; margin: 2rem 0; } } /*672px*/ @media only screen and (min-width: 42rem){ .site-header-content { background-color: transparent!important; } .squat-radar.radar-event { height: 100px; } } @media only screen and (max-width: 54.9375em) and (max-height: 27.9375em) { .language-switcher { margin-right: 6% } } /* 880px menü */ @media only screen and (min-width: 55rem){ .site-header-content { margin-top: 5.8rem; } .entry-content li { line-height: 1.5rem; } /*nav-hover*/ .main-navigation-container .menu:hover .current-menu-ancestor>a, .main-navigation-container .menu:hover .current-menu-item>a { border-color:white; } /*search*/ .site .search-form::before, .site form[role="search"]::before { top: 44%; font-size: 1rem; } .menu-search { width: 100%; margin-top: 0 !important; position: relative; } search-form, form[role=search] { background-color: transparent; top: unset; right: unset; border: 1px solid transparent; max-width: unset; position: relative; right: unset; } .search-field { border: 3px solid rgba(200,200,200,0.5); border-style: groove; padding: 0.1rem 0.3rem; margin-bottom: 0.5rem; } .main-navigation-container .menu-search{ margin: 0; width: 20%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; float: right; } .language-switcher { display: inline-block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: transparent; } /*Menu*/ .main-navigation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .toggle-sub-menus .button-toggle-sub-menu { position: relative; width: var(--button_toggle_sub_menu_size) !important; height: var(--button_toggle_sub_menu_size); display: unset; } .site-header-navigation, .site-header-navigation::before{ -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.4); box-shadow: 0 0 2em rgba(0,0,0,0.4); background-color: #0a0c0e; color: #ffffff; border-color: rgba(255,255,255,0.2); background-color: var(--color_header_background); } .toggle-sub-menus .button-toggle-sub-menu::after, .toggle-subus .button-toggle-sub-menu::before { display: block; position: absolute; width: 10px; height: 2px; top: 50%; } .sub-menu { margin-top: 0 !important; padding-top: 0 !important; } /*radar-widget-landigpage*/ .squat-radar .squat-radar-title { margin-bottom: 0; } /*radar-landig-page*/ .post-2 .squat-radar { display: -ms-grid; display: grid; -ms-grid-rows: 0.9fr 0.1fr; grid-template-rows: 0.9fr 0.1fr; -ms-grid-columns: 0.2fr 0.9fr; grid-template-columns: 0.2fr 0.9fr; height: 100%; font-size: 0.9rem; } .post-2 .squat-radar > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .post-2 .squat-radar > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .post-2 .squat-radar > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .post-2 .squat-radar > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .post-2 .squat-radar-date { width: 100%; display: block; } .post-2 .squat-radar-year { font-size: 0.85rem; width: 100%; display: block; line-height: 0; margin-top: 0.3rem; margin-bottom: 0.5rem; margin-left: 0.7rem } .post-2 .squat-radar-event-start { /*border-radius: 5px 0 0 5px;*/ padding: 0.2rem; text-align: center; font-size: 1.5rem; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; -ms-grid-column-span: 1; grid-column-end: 2; } .post-2 .squat-radar .squat-radar-title { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column-span: 1; grid-column-end: 3; } .post-2 a.squat-radar-url-title { line-height: 1.2em; width: 100%; height: 100%; display: block; } .post-2 .squat-radar-time::before { content: '\f303'; font-family: Genericons-Neue; font-size: 1.4rem; margin-right: 0.4rem } .post-2 .squat-radar-list { display: block; background-color: #660066; color: #efbbff; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-column-span: 1; grid-column-end: 3; padding-left: 0.5rem; } /*radar-widget*/ a.squat-radar-url-more { width: 15%; } /*Anpassungen der Ränder*/ /*innen für alles außer POSTs*/ .entry-content-container { max-width:inherit; margin-left: 80px; margin-right: 80px; } /*innen für POSTS*/ .post .entry-content-container { max-width: inherit; margin-left: 0px; margin-right: 0px; } /*oben (Titel weiter oben)*/ .content-area h1{ margin-top: -20px; } .main-navigation { font-size: 1rem; } .timeline li { list-style: none; padding-bottom: 1.8rem !important; border-left: 1px dotted #897B76; position: relative; padding-left: 20px !important; margin-left: -10px !important; margin-bottom: 0px !important; } .timeline li:last-child { border: 0px; padding-bottom: 0; margin-bottom: 0px !important; } .timeline li:before { content: ''; width: 15px; height: 15px; -webkit-box-shadow: 4px 4px 2px #ddd; box-shadow: 4px 4px 2px #ddd; position: absolute; left: -8px; top: 0px; } .timeline li span { margin-top: -6px; } .borderedtext { border-style: solid; border-width: thin; border-color: #000000; padding: 15px 15px 15px 15px; } } /* width 994px*/ @media only screen and (min-width: 62.125rem) { #squat_radar-6 .squat-radar-url-title { border: 3px solid transparent; font-size: 0.85rem; } #squat_radar-6 .squat-radar-url-title:hover { color: whitesmoke !important; font-size: 1.5rem !important; } #squat_radar-6 .squat-radar-event-start { font-size: 1rem; font-weight: bold; } #squat_radar-6 .squat-radar-time::before { font-size: 1rem } #squat_radar-6 .squat-radar-date::before { font-size: 1rem; } } /*width 1146px*/ @media only screen and (min-width: 71.625rem){ .site-header-content { margin-top: 3.5rem; } .main-navigation-container .menu-search { margin-top: 1.1rem !important; width: 15%; margin-right: 5rem; } .main-navigation-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } #squat_radar-6 .squat-radar-url-title { border: 3px solid transparent; font-size: 1.2rem; } #squat_radar-6 .squat-radar-event-start { font-size: 1.2rem; font-weight: bold; } #squat_radar-6 .squat-radar-time::before { font-size: 1.2rem } #squat_radar-6 .squat-radar-date::before { font-size: 1.2rem } } /* 1312 px */ /*@media only screen and (min-width: 82rem){ .prison-escape { flex-flow: row; } }*/