/*
Theme Name: NINO BULLING
Theme URI: http://underscores.me/
Author: Sabbir Ahmed
Author URI: http://dev.sabbir.com
Description: It\'s a blog site.
Version: 1.0.0
Requires PHP: 5.6
*/

/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;1,300&display=swap');*/

/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/nino-bulling/fonts/rubik-v21-latin/rubik-v21-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}


/* Basic
---------------------*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

html::-webkit-scrollbar {
	width: 0.7vw;
}
html::-webkit-scrollbar-thumb {
	background-color: #333;
}
html::-webkit-scrollbar-track {
	background-color: #999;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: 'Rubik', sans-serif;
	font-size: 1.1rem;
	line-height: 1;
	cursor: url('img/cursor.png'), auto;
	background-color: #fff;
}

body {
	margin: 0;
	padding: 0;
}

.overflow {
	overflow: hidden;
}

.site {
	padding: 0 2.5rem;
}

/* Change Background
---------------------*/

.nino_bg {
	background-color: #aed7f3;
	transition: 0.2s ease-in-out;
}

.pink_bg,
.p-pink {
	background-color: #ffe5c2 !important;
	transition: 0.2s ease-in-out;
}

.green_bg,
.p-green {
	background-color: #b2f4d0 !important;
	transition: 0.2s ease-in-out;
}

.violet_bg,
.p-violet {
	background-color: #a3abd2 !important;
	transition: 0.2s ease-in-out;
}

main#primary {
    padding: 2.5rem 0;
}

/* Header
---------------------*/

.site-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 100px);
    row-gap: 2.5rem;
    margin: 3rem 0;
	padding-bottom: 3rem;
}

.site-branding {
	display: flex;
	justify-content: space-between;
}

.site-title {
	font-weight: 500;
	font-size: 32px;
}

a.mailTo {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.mailTo img {
	width: 55px;
	height: 32px;
}

/* Blog Post
---------------------*/

.post-title {
    display: table;
    font-style: italic;
    font-size: 32px;
    font-weight: normal;
    max-width: 70%;
    min-width: 50%;
    line-height: 1.1;
    margin: 0;
    padding: 2rem 0;
}

.site-main > article:nth-child(5) > .entry-header,
.site-main > article:nth-child(6) > .entry-header,
.site-main > article:nth-child(7) > .entry-header,
.site-main > article:nth-child(8) > .entry-header {
	display: flex;
	justify-content: flex-end;
}

header.entry-header {
    display: flex;
    align-items: center;
    height: 100%;
}

.catPink {
	font-size: 200%;
	font-weight: 600;
	font-stretch: 300%;
	letter-spacing: 3px;
	transition: 0.1s;
}

.catGreen {
	font-size: 100%;
	font-weight: bold;
	font-stretch: 20%;
	letter-spacing: 3px;
	transition: 0.1s;
}

.catViolet {
	font-size: 250%;
	font-weight: bold;
	font-stretch: 20%;
	letter-spacing: 3px;
	transition: 0.1s;
}

.modal,
.ninoBulling,
.imprint,
.privacy {
    transform: translate(-50%, -50%) scale(0);
	transition: 200ms ease-in-out;
    background: #fff;
    position: fixed;
	min-width: 500px;
    height: 90%;
    left: 50%;
    top: 50%;
    padding: 2.5rem 3rem;
	z-index: 999;
	border-radius: 2px;
}

.ninoBulling {
	width: 70%;
}

.modal.wide,
.ninoBulling.wide,
.privacy {
	width: 90%;
}

.modal.medium,
.ninoBulling.medium {
	width: 60%;
}

.modal.active,
.ninoBulling.active,
.imprint.active,
.privacy.active {
	transform: translate(-50%, -50%) scale(1);
}

.content_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.content_wrapper::-webkit-scrollbar {
	width: 0.2vw;
}

.content_wrapper::-webkit-scrollbar-thumb {
	background-color: #222;
}

.content_wrapper::-webkit-scrollbar-track {
	background-color: #999;
}

.content_inner {
	flex: 1;
	margin-bottom: 2.5rem;
}

.overlay,
.overlayPage {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0 !important;
	left: 0 !important;
	z-index: 9;
	background: #000;
	transform: scale(0);
	opacity: 0.9;
}

.overlayPage.active,
.overlay.active {
	transform: scale(1);
}

.overlayPage {
	background: #aed7f3;
}

.close-btn,
.close-btn2,
.close-btn3 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.close-btn img,
.close-btn2 img,
.close-btn3 img {
    width: 20px;
    height: 20px;
}

.hover_Box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	transform: translate(18px, 18px) scale(0);
	background-color: #fff;
	padding: 0.25rem;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
}

.hover_Box.active {
	transform: translate(18px, 18px) scale(1);
}

.pdf img {
    margin-left: -11px;
    display: block;
}

span.imPrint_text {
    font-size: 16px;
    line-height: 1.2;
    padding: 1.25rem 0;
    display: block;
}

/* Footer
--------------------------------------------- */

.site-footer {
    padding: 2rem 0;
    position: fixed;
    bottom: 0;
    z-index: 9;
}

.site-footer ul {
    margin: 0;
    padding: 0;
}

.site-footer ul > li {
    list-style: none;
    float: left;
}

.site-footer ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    display: table;
    margin-right: 5rem;
    font-weight: 400;
}


.ninoBulling > .content_wrapper:nth-child(1) {
	display: none;
}