/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       MiCTra
 Author URI:   https://mictra.com
 Template:     generatepress
 Version:      0.1
*/

/* CUSTOM  -------------------------------------------- */
/* TEST CSS other members */
#newbox-align {
	display: flex;
	flex-flow: column wrap;
}
.newcon-box { width: 100%; 
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
} 
@media all and (min-width: 811px) and (max-width: 1200px) {
	.newcon-box { flex-flow: row wrap; 
	justify-content: space-around; }
}
@media screen and (max-width: 810px) {
	.newcon-box { flex-flow: column;
		align-items: center;
	}
}
.trainees { font-weight: bold; font-size: 23px; }
/* GENERAL */
h1 { margin-bottom: 50px; 
}
h2 { margin-bottom: 40px; 
}
h3 { margin-bottom: 30px; 
}
.alignright { margin-bottom: 20px; 
}
/* TITLE pages center */
h1.entry-title  { text-align: center; 
}
/* double line separator */
.colored { height: 3px;
	margin: auto;
    margin-top: -20px!important;
    margin-bottom: 25px!important;
	max-width: 150px;
	border-top: 1px solid #EF4035;
	border-bottom: 1px solid #EF4035;
}
/* SPACE */
.g-space { width: 100%; height: 1px; 
	margin-top: 40px;
	margin-bottom: 40px;
}
/* BUTTONS */
.button.ghost, a.button,
.button.ghost:visited,
a.button:visited {     
    background: transparent;     
    border: 1px solid #222;
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
}
.button.ghost:hover, 
.button.ghost:active {     
    background: #ff0000;     
    color: #FFF;     
    border: 1px solid #ff0000; 
	font-weight: bold;
	text-transform: uppercase;
}
.b-space { text-align: center; 
	margin-top: 40px;
	margin-bottom: 80px;
}
/* FOOTER BUTTONS */
#footer-widgets .button.ghost, 
#footer-widgets a.button,
#footer-widgets .button.ghost:visited,
#footer-widgets a.button:visited {     
    background: #2c3e50;     
    border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#footer-widgets .button.ghost:hover, 
#footer-widgets .button.ghost:active {     
    background: #ff0000;     
    color: #FFF;     
    border: 1px solid #ff0000; 
	font-weight: bold;
	text-transform: uppercase;
}
#footer-widgets .b-space { text-align: left; 
	margin-top: 0px;
	margin-bottom: 60px;
}
/* HEADER */
/* space between logo and title */
.site-branding-container .site-logo {
	margin-right: 0.5em;
}
/* HOME navigation current menu color override */
.home .mPS2id-highlight  { color: red!important; }
.home .header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a:hover { color: red; }
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover { color: red; }

/* other pages current menu color */
.page-id-18 .main-navigation .main-nav ul li[class*="current-menu-"] > a { color: red; }
.page-id-20 .main-navigation .main-nav ul li[class*="current-menu-"] > a { color: red; }
.page-id-28 .main-navigation .main-nav ul li[class*="current-menu-"] > a { color: red; } 
.page-id-59 .main-navigation .main-nav ul li[class*="current-menu-"] > a { color: red; }

/* STICKY NAVIGATION */
.menu-site-title {
    display: none;
}
.navigation-stick .menu-site-title {
    display: block;
    font-size: 21px;
	font-weight: bold;
    color: #FFF;
	margin-right: auto;
}
.navigation-branding { flex-flow: row-reverse;
	-webkit-flex-flow: row-reverse;
	-ms-flex-flow: row-reverse; 
	order: 0!important;
	margin-right: 0px!important;
}

/* HOME PAGE HERO */
.page-hero { height: 100vh; } 
.inside-page-hero { height: 100%; } 
#slogan h1 { font-size: 2.5rem; 
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px; 
}
#hh-align { height: 100%; 
	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-align-items: center;
} 
.home .page-hero .colored { height: 3px;
    margin-top: 10px;
    margin-bottom: 30px;
	max-width: 150px;
	border-top: 1px solid #EF4035;
	border-bottom: 1px solid #EF4035;
}
.s-text-a {	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.s-text-main-container { display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.s-text-main { width: 87%; text-align: justify;
}
.logo-sha { -webkit-filter: drop-shadow(5px 5px 5px #666666);
        filter: drop-shadow(5px 5px 5px #666666); }

/* HOME SECTION CONSORTIUM CIRCLE for desktop and test page option2 */
#out-center { width: 100%; 
	height: 100%;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-top: 10px;
}
#ins-circle { width: 780px; }
#ic-row-1, #ic-row-2b { display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap; 
}
.ic-row-1e2-item-l, 
.ic-row-1e2-item-m, 
.ic-row-1e2-item-r { width: 33.333%; 
	min-height:360px;
	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
}
.ic-row-2be2-item-l, 
.ic-row-2be2-item-m, 
.ic-row-2be2-item-r { width: 33.333%; 
	min-height:360px;
	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
}
.ic-row-1e2-item-l {  
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.ic-row-1e2-item-m {  
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: -10px;
}
.ic-row-1e2-item-r {  
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.ic-row-2be2-item-l {  
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.ic-row-2be2-item-m {  
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	margin-top: -10px;
}
.ic-row-2be2-item-r {  
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
#ic-row-2b { margin-top: 20px; }
.ic-item { max-width: 200px; 
	min-height: 200px; 
	transition: 2s;
   	transition-timing-function: ease; 
}
.ic-item:hover { background-color: #f8f8f8; 
   opacity: 0.5;
}
.ic-item a {color: #3a3a3a; }
.ic-item-name { text-align: center; font-weight: bold;  }
.ic-item-divi { text-align: center; padding-bottom: 0px; font-size: 12px; }
.ic-item p {display: none; }

/* extra test code circle - option 1 page */
.ic-row-1e-item-l, 
.ic-row-1e-item-m, 
.ic-row-1e-item-r { width: 33.333%; 
	min-height:360px;
	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
}
.ic-row-2be-item-l, 
.ic-row-2be-item-m, 
.ic-row-2be-item-r { width: 33.333%; 
	min-height:360px;
	display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
}
.ic-row-1e-item-l {  
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.ic-row-1e-item-m {  
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: -10px;
}
.ic-row-1e-item-r {  
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.ic-row-2be-item-l {  
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.ic-row-2be-item-m {  
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	margin-top: -10px;
}
.ic-row-2be-item-r {  
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

/* HOME SECTION CONSORTIUM ROW for tablets and smartphone */
#ins-sm { display: flex; 
	display: -webkit-flex;
	display: -ms-flexbox;	
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap; 
    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
#ins-sm > .ic-item { max-width: 275px; 
	min-height: 250px; }
#ins-sm > .ic-item { margin-bottom: 35px; }
#ins-sm > .ic-item:last-child { margin-bottom: 0px; }
#ins-sm .ic-item-pict { text-align: center; }

/* HOME SECTION RESEARCH */
#research h1 { text-align: center; 
	font-weight: 900;
	text-transform: uppercase;
}
#research h3 { text-align: center; }
#ns-box { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
}
.ns-item { max-width: 200px; 
	min-height: 200px; 
	text-align: center;
	margin-bottom: 5px; 
}
.ns-item a { color: #3a3a3a; }
.ns-item p { margin-bottom: 1em; 
}
h3.caps { font-size: 20px; 
	font-weight: bold; 
	text-transform: uppercase; 
}

/* HOME SECTION NEWS */
#news h1 { text-align: center; 
	font-weight: 900;
	text-transform: uppercase;
}
.news-more-link {
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
    background: transparent;
    border-radius: 0px;
    border: 1px solid #222;
}
.news-more-link:visited, 
.news-more-link:focus { color: #222; }
.news-more-link:hover { background: #ff0000;     
    color: #FFF;     
    border: 1px solid #ff0000; 
}
.news-col-list { margin-bottom: 50px; }
.single-news .featured-image { display: none; }

/* CONSORTIUM detail page */
#consortium h1 { text-align: center; 
	font-weight: 900;
	text-transform: uppercase;
}
#consortium h2 { text-align: center; 
	margin-top: 30px; 
} 
.box-align { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
#con-box { width: 100%; 
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
}
.item { width: 275px; 
	min-height: 275px; 
	margin-bottom: 30px;
	transition: 2s;
   	transition-timing-function: ease; 
}
.item:hover { background-color: #fff; 
   opacity: 0.5;
}
.item p {display: none; }
.item-name { text-align: center; font-weight: bold; }
.item-pict { text-align: center; }
.item-divi, .item-inst { text-align: center; font-size: 12px; padding-bottom: 5px; }
.item-inst { padding-bottom: 0; }
.item-inst, .item-sup, .item-key { text-align: center; }
.item-sup, .item-key { font-size: 14px; }

/* other members */
.c-members { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	margin-bottom: 25px;
}
.cms-title { font-weight: bold; width: 100%; margin-bottom: 5px; }
.cm-pict { width: 150px; margin-right: 2%; }
.cm-dets { width: 70%;  
	display: flex;
    align-items: center;
}
.c-members .item { width: 275px; 
	min-height: 200px;
	margin-bottom: 0px;
}
/* RESOURCES detail pages */
#res-outside { width: 100%; 
	height: auto; 
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	margin-top: 20px;
}
#res-ins-left, #res-ins-right { width: 48%; 
	height: auto;
}
#res-ins-left { margin-right: 2%; }
.ri-l-item, .ri-r-item { min-height: 75px; margin-bottom: 25px; 
}
.ri-l-item:first-of-type, .ri-r-item:first-of-type { font-size: 30px; 
	border-bottom: 1px solid red; 
	min-height: 10px;	
}
.ri-l-item .soft-titles { font-weight: bold; 
	text-transform: uppercase;
}
#post-296 h1, #post-302 h1, #post-306 h1 { text-transform: uppercase; }

/* LEFT SIDEBAR MENUS */
#menu-work-packages-menu,
#menu-software-menu,
#menu-datasets-menu { text-transform: uppercase; }

/* distance left panel menu - distance right */
#nav_menu-2, #nav_menu-4 { margin-bottom: 0; 
	padding-bottom: 0; 
	padding-right: 0; 
	font-size: 15px!important; 
}
#nav_menu-3 { padding-right: 0; 
	font-size: 15px!important; }
.widget ul li { padding-bottom: 10px; }

/* Hide Menu 1 widget when checkbox is checked */
body.hide-sidebar-menu-1 #nav_menu-2 {
    display: none !important;
}

/* Hide Menu 2 widget when checkbox is checked */
body.hide-sidebar-menu-2 #nav_menu-3 {
    display: none !important;
}

/* Hide Menu 3 widget when checkbox is checked */
body.hide-sidebar-menu-3 #nav_menu-4 {
    display: none !important;
}

/* PERSONNEL page */
#nf-form-title-1, .nf-form-fields-required { display: none; }

/* 404 special page */
.page-id-692 .entry-title { display: none; }
#page-not-found { display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-align-items: center;
	text-align: center; 
}
#mem-only, #page-not-ex { 
	width: 300px;
	margin-bottom: 40px;
	padding: 20px;
	background-color: #f5f5f5;  
}
#mem-only .b-space { margin-bottom: 40px; } 
#page-not-ex .search-form, #page-not-ex .search-submit { margin-top: 20px; }

/* CALENDAR PAGE */
#calendar-align { display: flex;
	display: -webkit-flex;
 	display: -ms-flexbox;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-align-items: center;
	text-align: center;  }

/* RESEARCH page jump to anchor with extra margin */
.e-move { scroll-margin-top: 80px; }
.page-id-16 h3 { margin-top: 40px; 
	margin-bottom: 20px; 
	font-size: 23px;
	font-weight: 600;
}

/* DEVICE SPECIFICS */
/* larger screens */
@media screen and (min-width: 1900px) { 
	img.logo-sha { width: 350px; height: 350px; } 
}
/* laptops */
@media screen and (min-width: 1026px) 
	and (max-width: 1280px) { 
		.page-hero { padding-top: 40%; padding-bottom: 30%; } 
}
/* BOARD GENERAL */
@media screen and (min-width: 768px) { #ins-sm { display: none; } }
@media screen and (max-width: 767px) { #ins-circle { display: none; } }

/* SMARTPHONES */
/* General ------------------------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (orientation: portrait) {
	   .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
	   .s-text-main { width: 100%; }
}
/* Landscape */
@media screen 
    and (device-width: 640px) 
    and (device-height: 360px) 
    and (orientation: landscape) {
		#hh-align {margin-top: 50px; } 
       #ins-sm > .ic-item { flex: 0 0 50%; }
	    .page-hero { height: initial; }
}
/* ----------- Galaxy S6 ----------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
      .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
	  .s-text-main { width: 100%; }
}
    /* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
	  #hh-align {margin-top: 50px; } 
      #ins-sm > .ic-item { flex: 0 0 50%; }
	  .page-hero { height: initial; }
} 
/* ----------- Galaxy S9 ----------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
     .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
	  .s-text-main { width: 100%; }
}
    /* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
	   #hh-align { margin-top: 100px; } 
       #ins-sm > .ic-item { flex: 0 0 50%; } 
	   .page-hero { height: initial; }
} 
/* iPhone 4 series portrait */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 480px)
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: portrait) {
	 .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		  .s-text-main { width: 100%; }
}
/* iPhone 4 series Landscape */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 480px)
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: landscape) {
		  #hh-align {margin-top: 50px; } 
         #ins-sm > .ic-item { flex: 0 0 50%; }
		  .page-hero { height: initial; }	
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
  @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 568px)
      and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
		 .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		  .s-text-main { width: 100%; }
}
    /* Landscape */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 568px)
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: landscape) {
		  #hh-align {margin-top: 50px; } 
       #ins-sm > .ic-item { flex: 0 0 50%; }
		  .page-hero { height: initial; } 
      }  
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait */
@media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: portrait) { 
       .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		  .s-text-main { width: 100%; }
      } 
/* Landscape */
@media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: landscape) {  
		  #hh-align {margin-top: 50px; } 
       #ins-sm > .ic-item { flex: 0 0 50%; }
		  .page-hero { height: initial; }
      }
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen 
      and (min-device-width: 414px) 
      and (max-device-width: 736px) 
      and (-webkit-min-device-pixel-ratio: 3)
      and (orientation: portrait) { 
        .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		  .s-text-main { width: 100%; }
      }
/* Landscape */
@media only screen 
      and (min-device-width: 414px) 
      and (max-device-width: 736px) 
      and (-webkit-min-device-pixel-ratio: 3)
      and (orientation: landscape) { 
		  #hh-align {margin-top: 50px; } 
       #ins-sm > .ic-item { flex: 0 0 50%; }
		  .page-hero { height: initial; }
      }
/* ----------- iPhone X ----------- */
/* Portrait */
@media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px) 
      and (-webkit-min-device-pixel-ratio: 3)
      and (orientation: portrait) { 
      .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		  .s-text-main { width: 100%; }
}
/* Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px) 
      and (-webkit-min-device-pixel-ratio: 3)
      and (orientation: landscape) { 
        #ins-sm > .ic-item { flex: 0 0 50%; }
		  .page-hero { height: initial; }	 
}
/* iPhone 11 - 1792x828px at 326ppi --------------*/
/* Portrait */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2)
	and (orientation: portrait) { 
		 .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		.s-text-main { width: 100%; }
}
/* Landscape */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 896px) 
    and (-webkit-device-pixel-ratio: 2)
	and (orientation: landscape) { 
	 .page-hero { height: initial; }	
}
/* iPhone 11 pro max 2688x1242px at 458ppi */
/* Portrait */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3)
	and (orientation: portrait) { 
	 .main-title { font-size: 25px; }
	   #hh-align {margin-top: 125px; } 
       #slogan { max-width: 90%; }
	   #slogan h1 { font-size: 2rem; }
	   #res-ins-left, #res-ins-right { width: 100%; }
	   .page-hero { height: initial; }
	   img.logo-sha { width: 225px; height: 225px; }
		.s-text-main { width: 100%; }
}
/* Landscape */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 896px) 
    and (-webkit-device-pixel-ratio: 3)
	and (orientation: landscape) { 
	 .page-hero { height: initial; }	
}
/* TABLETS -------------------- */
/* others - Nexus 7 */
/* ----------- Nexus 7 ----------- */
/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {   
}
/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {
      #hh-align {margin-top: 90px; }
    } 
/* iPad 1, 2, mini en air Portrait ------------ */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #slogan { max-width: 90%; }
	  #consortium .generate-sections-inside-container { padding-left: 0px;
	  padding-right: 0px; }
	  .s-text-main { width: 100%; }
}
/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #slogan { max-width: 90%; }
	  .page-hero { height: initial; }	  
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     #slogan { max-width: 90%; }
	  #consortium .generate-sections-inside-container { padding-left: 0px;
	  padding-right: 0px; }
	  .s-text-main { width: 100%; }
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  #slogan { max-width: 90%; }
	  .page-hero { height: initial; }
	  
}
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .s-text-main { width: 100%; }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .s-text-main { width: 100%; }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {    
}