/*
Theme Name: Pomerantz2021
Template: twentytwentyone
Description: A custom theme created for aripomerantz.com (child of TwentyTwentyOne)
Author: JoLo Studios
*/

@import url("../twentytwentyone/style.css");


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} table,tbody,th,tr,td{border:none;border-collapse:collapse;}

html,body { margin:0; padding:0; }

body {
	background:#fff;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color:#222;
}
div { position:relative; }
a { text-decoration:none; }
p {  }

.comingsoon .content { width:50%; margin:0 auto; margin-top:30%; font-size:22px; text-align:center; color:#fff;  }



#header { z-index:999; height:84px; width:96%; margin-left:3.7%;  }
.homepage #header { position:absolute; }
.background #header { background-color:transparent; }

.logo { padding-top:18px; float:left; width:50%; font-size:32px; font-weight:700; color:#fff; font-family:'Poppins',sans-serif; }
.logo a { color:#333; }
.homepage .logo a { color:#fff; }

.menu-main-container { float:right; top:31px; margin-right:40px; }
.menu-main-container ul { padding:0; }
.menu-main-container li { display:inline-block; padding:5px 16px; }
.menu-main-container li a { font-size:16px; letter-spacing:1px; font-family:'Poppins',sans-serif; font-weight:600; text-transform:uppercase; }
.menu-main-container li a { color:#333; }
.homepage .menu-main-container li a { color:#fff; }

#content { min-height:300px; padding-top:70px; padding-bottom:50px; background-color:#fff; }
.homepage #content { padding-top:0px; }


.bx-wrapper { border:0; -webkit-box-shadow:none; box-shadow:none; } 
.slide img { width:100%; height:100vh; object-fit:cover;}
.slide .overlay { bottom:0px; color:#fff; position:absolute; padding:30px; background-color:rgba(0,0,0,0.5); border-top-right-radius:18px;}






/* GRID */
.grid { width:100vw; display:inline-block; margin:0 auto; text-align:center; }
.grid .item { width:33vw; height:18vw; overflow:hidden; float:left; border:1px solid #fff; }
.grid .item img { width:100%; object-fit:cover; position:absolute; }

.grid .item .overlay { opacity:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.grid .item .overlay p { padding-top:24%; font-size:24px; font-family:'Poppins',sans-serif; font-weight:600; color:#fff; }
.grid .item:hover > .overlay { opacity:1; }
.grid .item .overlay { transition: opacity 0.3s; }
.grid .item .overlay img {  }




.header-image { width:100%; position:absolute; height:84px; overflow:hidden; opacity:0.8; }
.header-image img { width:100%; object-fit:cover; }

.single #content { padding-top:18px; }

.entry-content { width:100% !important; max-width:100%; }
.entry-content figure { width:100% !important; max-width:100% !important; }
.entry-content figure img { width:100%; height:auto; }

.entry-content
{ width:60% !important; max-width:unset !important; line-height:180%; color:#333; font-family:'Poppins',sans-serif; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content ul, .entry-content ol, .entry-content p, .wp-block-columns, .page-content
{ width:100% !important; max-width:unset !important;line-height:180%; color:#333; font-family:'Poppins',sans-serif; }
.entry-content h2 { font-size:30px; font-weight:600; }
.entry-content p { font-size:16px; font-weight:400; }

/*.entry-content.vertical-video figure.is-type-video { width:50% !important; max-width:50% !important; }*/
.entry-content.vertical-video figure.is-type-video { width:55% !important; max-width:55% !important; }

figcaption { font-size:14px !important; text-align:left !important;  }


.page-content { margin:0 auto; font-size:17px; }
.contact .page-content { width:50% !important; margin:0 auto; }
.wpforms-field-textarea {  }



.about .bio { width:69%; margin:0 auto; margin-bottom:50px; }
.about .bio p { font-size:17px; line-height:180%; margin-bottom:20px; }
.about h2 {  padding-top:40px; margin-bottom:0; font-size:40px; font-family:'Poppins',sans-serif; font-weight:100; }
.about .wp-block-image { margin-top:10px !important; margin-bottom:10px !important; }

.about #content ul li { width:60%; font-size:17px; margin-bottom:16px; }

/* old */
.about ul.awards { margin-top:0; padding-left:10px; }
.about ul.awards li { font-weight:bold; }
.about ul.awards li ul { margin-top:0; padding-left:10px;  }
.about ul.awards li ul li { font-weight:normal; margin-bottom:0; }
.about ul.awards li:last-child { margin-bottom:10px; }


.about .awards p { font-weight:bold; margin-bottom:0px; }
.about .awards ul { margin-top:0; padding-left:10px;  }
.about .awards ul li { list-style:none; margin-bottom:0 !important; }




.timeline { width:90%; margin:0 auto; }
.timeline .item { margin-left:48%; width:36%; padding-left:60px; border-left:4px solid #222; }
.timeline .item .image { margin-bottom:10px; }
.timeline .item .year { position:absolute; left:-40px; background-color:#fff; width:76px; height:76px; padding-top:19px; border-radius:40px; border:4px solid #222; font-size:18px; font-weight:800; text-align:center; }
.timeline .item .title { font-size:18px; font-weight:600; }
.timeline .item .description { text-align:justify; }

.timeline .item .image, 
.timeline .item .title, 
.timeline .item .description { top:22px; }

.timeline .item.left .image, 
.timeline .item.left .title, 
.timeline .item.left .description { left:-140%; }





#footer { height:100px; text-align:center; padding-top:200px; padding-bottom:60px; }



.desktop { display:block !important; }
.mobile { display:none !important; }




@media only screen and (max-width:644px) {

	#header { height:120px; width:100%; margin-left:0px; }
	.header-image { height:120px; }
	.header-image img { height:100%; }
	
	.logo { float:none; width:100%; text-align:center; }
	.menu-main-container { width:100%; float:none; top:unset; margin-right:0px; text-align:center; }
	.menu-main-container li { text-align:center; }

	.grid .item { width:50vw; height:27vw; }
	.grid .item:hover > .overlay { opacity:0; }

	#content, .single #content { padding-top:64px; }

	.entry-content { width:96% !important; }

	.entry-content p { width:88% !important; }

	.entry-content.vertical-video figure.is-type-video { width:100% !important; max-width:100% !important; }


	.wp-block-image figure img { height:unset !important; }

	.wpforms-field-textarea { width:90% !important; }
	.contact .page-content { width:90% !important; }


	.about .bio { width:90%;}
	.timeline { width:100%; }
	.timeline .item { width:46%; }

	.desktop { display:none !important; }
	.mobile { display:block !important; }

}