/**
 * Theme Name: Cetera
 * Theme URI: http://plura.pt/
 * Author: Plura
 * Author URI: http://plura.pt/
 * Text Domain: cetera
 *
 *	1. STRUCTURE
 *		1.1. COMMON
 * 		1.2 HEADER
 *		1.3 ADDONS [TESTIMONIALS]
 *		1.7 GALLERY
 *	2. NAV
 *	3. HOME
 *	4. ARCHIVE | SINGLE
 *		4.1 TEAM
 *		4.2 PARTNERS
 *	5. PAGES
 *		5.1 SERVICES
 *		5.2 CONTACTS
 *		5.3 AT A GLANCE
 *		5.4 OUR NUMBERS
 *		5.5 THERAPEUTIC AREAS
 *		5.6 PUBLICATIONS
 *		5.7 GALLERY
 *		5.8 PROJECTS
 *		5.9 PARTNERSHIPS
 *	6. POSTS
 *		6.1 TRAINING
 *	7. COMMON
 *		6.1 NUMBERS
 *		6.2 PARTNERS
 *	8. SIDEBAR
 *	9. FOOTER
 */

/* fonts */
@import url("css/fonts.css");

/* colors */
@import url("css/colors.css");

/* colors */
@import url("css/transitions.css");

@import url("css/bytopping.css");



#main .entry-content .wp-caption.alignleft::after,
#main .entry-content img.alignleft::after,
#main #numbers .num::after															{ content: ""; display: table; clear: both; }


 /* STRUCTURE */
html 																				{ height: 100%;  padding: 0;}
body 																				{ height: 100%; padding: 0; }

.navbar .menu-item.clickable-parent .dropdown-menu									{ display: block; opacity: 0; visibility: hidden; }
.navbar .menu-item.clickable-parent:hover .dropdown-menu							{ opacity: 1; visibility: visible; }

/* dims */
/*body:not(.home)																	{ padding-top: 51px; }*/
 #root																				{ padding-top: 60px; padding-bottom: 60px; }
.page-id-44 .grid-title 															{ margin-top: 60px; margin-bottom: 60px; }
#numbers 																			{ margin-bottom: 90px; }
.page-about-us-our-numbers .studies 												{ margin-bottom: 90px; }
.page-about-us-our-numbers .studies .studies-title 									{ margin-bottom: 30px;  margin-top: 0;}
.home .grid.notes 																	{ margin-bottom: 60px; }




/*CONTENT*/
.archive.category article img.size-large 											{ width: 50%; height: auto; }


#main .entry-content .text,
#main .entry-content .description,
#main .term-description .text														{ text-align: justify; }

#main .entry-content .text h3:first-child 											{ margin-top: 0;}
#main .entry-content .text h3[data-title]::after 									{ content: ', ' attr(data-title); text-transform: none; }

#main .entry-content ul 															{ overflow: hidden; }
#main .entry-content .wp-caption a,
#main .entry-content .wp-caption img,
#main .entry-content .wp-caption .wp-caption-text									{ display: inline-block; margin-bottom: 0; }
#main .entry-content .wp-caption.alignleft,
#main .entry-content img.alignleft 													{ float: left; }


/*dims*/
#main a.download::before 															{ margin-right: 5px; }

#partners .title																	{ margin-top: 30px; margin-bottom: 30px; }
#main .term-description + .grid														{ margin-top: 60px; }
#main .text h4:not(:first-child) 													{ margin-top: 30px; }

#main .entry-content .wp-caption.alignleft,
#main .entry-content img.alignleft 													{ margin-right: 30px;  }
#main .entry-content img.alignleft 													{ margin-bottom: 15px; }



/*CONTENT: header*/
header.main 																		{ position: relative; overflow: hidden; }
header.main .container,
header.main .container>.row,
header.main .container>.row>div 													{ height: 100%; }

header.main .entry-title 															{ position: absolute; bottom: 0; width: 100%; }
header.main .entry-title:before														{ position: absolute; content:''; height: 100%; width: calc(100vw + 100%); left: -100vw; z-index: auto; }
header.main .title 																	{ z-index: auto; position: relative; margin-top: 0; margin-bottom: 0; }


/*header.main .quote 																{ position: relative; }*/

/*dims*/
header.main 																		{ height: calc( 100vh / 2 - 51px );  }
header.main .title 																	{ padding-top: 20px; padding-bottom: 20px; }
header.main .quote-anim .q 															{ top: calc( (100% - 58px) / 2 ); transform: translateY( -50% ); }

/*CONTENT: quote*/
.quote-anim 																		{ position: relative; /*width: 66%;*/ }

/* variations */
.home .carousel .quote-anim 														{ width: 66%; height: 80px; /*padding-top: 40px; padding-bottom: 40px;*/ }
.home .carousel .quote-anim .q 														{ position: absolute; width: 100%; text-align: center; z-index: auto; }

/*.home .carousel .quote-anim .q p:first-child:before,
.home .carousel .quote-anim .q p:first-child:after 									{ content: '"'; }*/

header.main .quote-anim 															{ height: 100%; }
header.main .quote-anim .q 															{ position: absolute; width: 50%; right:0; text-align: right; }

header.main .quote-anim::before 													{ content:''; position: absolute; width: 100%; height: 100%; left: calc(100% - 50%);	

		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .75) 15% );
		
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255, .75) 15% );
		
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .75) 15% );

}



/* CONTENT: Service Grid */
#main .grid.notes>.grid-item>.holder>.title 										{ margin-top: 0; }
#main .grid.notes>.grid-item>.holder 												{ position: relative; display: flex; flex-direction: column; justify-content: space-between; /*flex-direction row;*/ flex-wrap: wrap; /*-webkit-flex-direction: column;*/ }


/* dims */
#main .grid.notes>.grid-item 														{ margin-bottom: 15px; }
#main .grid.notes>.grid-item>.holder												{ padding: 15px; }
#main .grid.notes .service-item .service-item:not(:first-child) 					{ margin-top: 10px; }



#main .grid.notes>.grid-item>.holder>* { flex-basis: 100%;}

#main .grid.notes>.grid-item .holder 												{ min-height: 100px;  padding: 10px; }
#main .grid.notes>.grid-item>.holder:after 											{ width: 0; height: 0; background: #fff; content: ''; position: absolute; top: 0; right: 0; }
#main .grid.notes>.grid-item>.holder:after {
	border-top: 10px solid white;
	border-right: 10px solid white;
	border-left: 10px solid rgba(71,92,103, .75);
	border-bottom: 10px solid rgba(71,92,103, .75);
}

/*1.5 CAROUSEL*/
#main .carousel .carousel-indicators												{ bottom: 0; left: 0; margin-left: auto; width: 100%; }
#main .carousel .item .carousel-caption 											{ right: 0; left: 0; bottom: 0; text-shadow: none;  }

#main .carousel 																	{ margin-bottom: 0; }
/*#main .carousel .carousel-caption 												{ position: relative; left: auto; right: auto; bottom: auto; }*/
#main .carousel .carousel-indicators 												{ bottom: 0; }

#main .carousel .carousel-control.left span 										{ left: 15%; }
#main .carousel .carousel-control.right span 										{ right: 15%; }


/* 1.6 TESTIMONIALS */
#main .carousel.testimonials .holder 												{ display: flex; align-items: center; }
#main .carousel.testimonials .carousel-caption 										{ position: relative; }
#main .carousel.testimonials .carousel-inner,
#main .carousel.testimonials .carousel-inner .item,
#main .carousel.testimonials .carousel-inner .item .holder 							{ height: 100%; }

/*variations*/
.module .carousel.testimonials .carousel-caption  									{ padding-top: 30px; padding-bottom: 0; }
.module .carousel.testimonials .item .carousel-caption p.affiliation 				{ margin-bottom: 10px; }
.home .carousel.testimonials .item .carousel-caption 								{ width: 100%; }

/* dims */
/*body:not(.home)*/ #main .carousel.testimonials .holder 							{ padding: 15px; }


/* 1.4 GALLERY */
.gallery																			{ display: flex; flex-wrap: wrap; }
.gallery .gallery-item																{ margin-top: 0 !important; margin-bottom: 0 !important; float: none !important; }
.gallery .gallery-item img 															{ border: none !important; }
.gallery:not(.gallery-size-thumbnail) .gallery-item img:not([alt="nofit"])			{ object-fit: cover; }

.gallery:not(.gallery-size-thumbnail) .gallery-item .gallery-icon,
/*.gallery:not(.gallery-size-thumbnail) .gallery-item a,*/
.gallery:not(.gallery-size-thumbnail) .gallery-item img:not([alt="nofit"])			{ width: 100%; height: 100%; }

.gallery:not(.gallery-size-thumbnail) .gallery-item img[alt="nofit"] 				{ max-width: 80%; height: auto; }

.gallery:not(.gallery-size-thumbnail) .gallery-item .gallery-icon 					{ display: flex; align-items: center; justify-content: center;}

/* width */
.gallery																			{ margin-top: 30px !important; margin-bottom: 30px !important; }
.gallery:not(.gallery-size-thumbnail) .gallery-item 								{ padding: 10px; width: calc( (100vw - 15px * 2) / 2 ) !important; height: calc( (100vw - 15px * 2) / 2 ) !important; }

/* 2. NAV*/
.navbar .navbar-brand  																{ padding-top: 0; padding-bottom: 0; }
.navbar .navbar-brand img 															{ height: 100%; width: 100%; object-fit: contain; }

/*dims*/
.navbar .navbar-brand 																{ width: 180px; height: 50px; }



/* 3. HOME */
.home .carousel,
.home #home-carousel .carousel-indicators											{ margin-bottom: 0; }

.home #home-carousel .item .carousel-caption h1 									{ margin-top: 0; margin-bottom: 0; }
.home #home-carousel .item:not(:first-child):after 									{ content:''; width: 100%; position: absolute; left: 0; bottom: 0; z-index: auto;}
.home #home-carousel .item:first-child .carousel-caption h1:before 					{ content:''; display: block; }

.home #home-carousel .item  														{ /*display: flex; */}
.home #home-carousel .item .carousel-caption 										{ z-index: auto; left: auto; right: auto; bottom: auto; position: relative; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; flex-direction: column; padding-top: 0; padding-bottom: 0;  }
.home #home-carousel .item:before 													{ content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,.4); z-index: auto; }


.home #main .module .outer-holder 													{ display: block; }
.home #main .module .holder::before 												{ position: absolute; z-index: auto; content: attr(data-label); width: 100%; text-align: center; }

.home #main .module1 .carousel .item .holder 										{ display: flex; align-items: center; }
.home #main .module1 .carousel .item img 											{ width: 100%; height: 100%; object-fit: cover; }


.home .grid.notes>.title															{ text-align: center; }
/*.home .grid.notes>.title a 														{ display: inline-block;}*/





.home #video 																		{ position: relative; overflow: hidden; display: block; }
.home #video::before 																{ content: attr(title); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; text-align: center;  }
.home #video video 																	{ width: 100%; height: auto; position: absolute; /*top: 300px;*/ top: 50%; left: 50%; transform: translate(-50%,-50%); }



/*dims*/
.home #home-carousel,
.home #home-carousel .item 															{ height: calc(100vh / 2 - 51px ); }
.home #home-carousel .item .carousel-caption										{ padding-bottom: calc(20px + 10px); }
/*.home #home-carousel .item .carousel-caption h1 + .btn 							{ margin-top: 40px; }*/
.home #home-carousel .item:not(:first-child):after 									{ height: 150px; }
.home #home-carousel .item:first-child .carousel-caption h1:before					{ height: 60px; width: 70vw; }



.home #main .services>.title 														{ margin-bottom: 20px; padding: 0; }
.home #main .module .outer-holder,
.home #main .module .holder															{ height: 480px; }

.home #video 																		{ height: 160px; margin-bottom: 30px; }
.home #numbers 																		{ margin-bottom: 60px; }



/* 4 ARCHIVE [PUBLICATIONS, POST ARCHIVE] */
#main .grid .grid-item.type-panel img 												{ width: 100%; object-fit: cover; } 

/*dims*/
#main .grid .grid-item.type-panel:not(:last-child) 									{ margin-bottom: 30px; } 													
#main .grid .grid-item.type-panel img 												{ height: 150px; }
/*#main .grid 																		{ margin-top: 60px; }*/






/* 4.1 TEAM (OLD 11 & NEW 994) */
.grid.team-members .grid-item.type-cell .photo .holder 								{ height: 100%; position: relative; }
.grid.team-members .grid-item:not(.type-cell) img:hover								{ cursor: pointer;  }
.grid.team-members .grid-item:not(.type-cell) .photo .holder						{ overflow: hidden; }

.grid.team-members .grid-item:not(.type-cell) .photo,
.grid.team-members .grid-item:not(.type-cell) .description .name,
.grid.team-members .grid-item:not(.type-cell) .description .level					{ /*display: flex;*/ text-align: center; }

.grid.team-members .grid-item img 													{ height: 100%; object-fit: cover; width: 100%; }

.grid.team-members .grid-item[data-id="61"] .level::after,
.grid.team-members .grid-item[data-id="63"] .level::after 							{ content: 'Co-Founder'; display: block; font-style: italic; margin-top: 5px; }


/*by demand...*/
.grid.team-members .grid-item:not(.type-cell) .description 							{ height: auto !important; }
.grid.team-members .grid-item:not(.type-cell) .description .text					{ display: none; }

/*dims*/
.grid.team-members .grid-item 														{ margin-bottom: 30px; }
.grid.team-members .grid-item:not(.type-cell) .description .name 					{ min-height: 40px; }
/*.grid.team-members .grid-item:not(.type-cell) .photo,*/
.grid.team-members .grid-item:not(.type-cell) .photo 								{ padding-left: 50px; padding-right: 50px; }
.grid.team-members .grid-item:not(.type-cell) .photo .holder						{ width: 100%; height: 100%; /*height: 200px; border-radius: 50%;*/  }


.page-id-11 .panel-group .list-group-item											{ padding-top: 5px; padding-bottom: 5px;}


/*4.2 SCIENTIFIC ADVISORY BOARD */
.page-id-287 .text h3:first-child 													{ }



/* 5.1 SERVICES */
.page-id-44 .grid-title 															{ text-align: center; }
/*.page-id-44 .grid 																{ margin-top: 40px; }*/

/*
.page-id-44 .grid>.grid-item:not(:last-child) 										{ border-right: 1px solid #fff;}*/


/* 5.2 CONTACTS */
.page-our-contacts #main .map .holder												{ position: relative; }
.page-our-contacts #main .map iframe 												{ position: absolute; width: 100%; height: 100%; top:0; left: 0; }


/* dims */
.page-our-contacts #main .map,
.page-our-contacts #main .map .holder 												{ min-height: 300px; }

table.contacts td 																	{ position: relative; }
table.contacts td:before 															{ content:''; position: absolute; left: 0; top:0; }

/* dims */
table.contacts td 																	{ padding-left: 30px; padding-top: 2px; }
table.contacts tr:not(:last-child) td 												{ padding-bottom: 20px; }


/* 5.3 AT A GLANCE */
.page-id-7 #partners 																{ margin-top: 40px; }


/* 5.4 OUR NUMBERS */
.page-about-us-our-numbers .studies .studies-title 												{ text-align: center; } 			
.page-about-us-our-numbers .studies .study .list 													{ padding-left: 15px; list-style:disc; }
.page-about-us-our-numbers .studies .study .list li span											{ position: relative;  }
.page-about-us-our-numbers .studies .study .list .value.recruitment_success span::after 			{ content: "%"; }
.page-about-us-our-numbers #partners .partners-list .partner::after 								{ content: attr(data-group); display: block;  }

/* custom */
.page-about-us-our-numbers .studies .study-165 .list .value.recruitment_success span::after 		{ content: "%*"; }
.page-about-us-our-numbers .studies .study-165 .holder::after  									{ content: "* 1st country to reach the recruitment target"; font-size: 85%; margin-top: 15px; }

/*dims*/
.page-about-us-our-numbers #partners .partners-category>.title::before 							{ margin-right: 20px; }
.page-about-us-our-numbers .studies .study .holder													{ padding-bottom: 15px; }


/* 5.5 THERAPEUTIC AREAS */
.page-therapeutic-areas #main .grid .grid-item ul 												{ list-style: none; padding-left: 0; margin-bottom: 0; }

/*dims*/
.page-therapeutic-areas #main .grid 															{ margin-top: 60px; }


/* 5.6 PUBLICATIONS */
/*
.page-id-90 #main .grid .grid-item.type-panel img 									{ object-fit: cover; object-position: top left; width: 100%; } 
*/

/* 5.7 GALLERY */
.page-id-603 #sidebar .panel-heading 												{  align-items: center; display: flex;}
.page-id-603 #sidebar .panel-heading .fa											{ margin-right: 15px; }



/* 5.8 PROJECTS */
.page-therapeutic-areas-projects .wp-block-columns .wp-block-column:nth-child(1) {
	flex-basis: 15% !important;
}

.page-therapeutic-areas-projects .wp-block-columns .wp-block-column:nth-child(2) {
	flex-basis: 85% !important;
}

.page-therapeutic-areas-projects .wp-block-columns .blocks-gallery-item:not(:last-child) {
	margin-bottom: 50px;
}

.page-therapeutic-areas-projects .wp-block-columns table td {
	border: 1px solid #efefef;
	padding: 5px 10px;
	text-align: initial;
	vertical-align: top;
}

.page-therapeutic-areas-projects .wp-block-columns table td:last-child {
	width: 70%;
}


.page-therapeutic-areas-projects .wp-block-columns .wp-block-column figure {
	justify-content: center;
}

.page-therapeutic-areas-projects .wp-block-columns .wp-block-column img {
	max-height: 80px;
	max-width: 80%;
	object-fit: contain;
}


/* 5.9 PARTNERSHIPS */
.page-partnerships .wp-block-media-text, .page-parcerias .wp-block-media-text {
	display: flex;
}

.page-partnerships .wp-block-media-text figure, .page-parcerias .wp-block-media-text figure {
	display: flex;
	justify-content: center;
	flex-basis: 15%;
	flex-grow: 0;
}

.page-partnerships .wp-block-media-text figure img, .page-parcerias .wp-block-media-text figure img {
	max-height: 80px;
	max-width: 80%;
	object-fit: contain;
}

.page-partnerships .wp-block-media-text .wp-block-media-text__content, .page-parcerias .wp-block-media-text .wp-block-media-text__content {
	flex-basis: 85%;
	display: flex;
}





/* 6.1 TRAINING */
article[class*="-short-courses"] .entry-content>h4 									{ cursor: pointer; display: flex; justify-content: space-between; }
article[class*="-short-courses"] .entry-content>h4 + .info 							{ opacity: 0; overflow: hidden; }
article[class*="-short-courses"] .entry-content>h4 + .info[data-height]				{ height: 0; }
article[class*="-short-courses"] .entry-content>h4.active + .info 					{ opacity: 1; }

/* dims */
#main article[class*="-short-courses"] .entry-content>h4 							{ padding: 10px; margin-top: 0; margin-bottom: 10px; }


/* 7.1 NUMBERS */
#numbers 																			{ /*display: flex; justify-content: space-around; align-items: center;*/ list-style: none; padding-left: 0; }
#numbers .num  																		{  /*align-items: center; flex-direction: column;*/}
#numbers .num .holder 																{ width: 100%; display: flex; justify-content: space-between; flex-direction: column; }
#numbers .num .holder .name 														{ text-align: center; }
#numbers .num .holder::after 														{ content: attr(ease); display: block; text-align: center;}
#numbers .num.recruitment_success .holder::after 									{ content: attr(ease) ' %'; }
#numbers .num.participants_included .holder::after 									{ content: '+' attr(ease); }
#numbers .num .holder::before														{ display: block; text-align: center; }

#numbers .num .name[data-note]::after 												{ content: '*\A*' attr(data-note); white-space: pre; }

/*dims*/
#numbers .num,
#numbers .num .holder																{ /*min-height: 160px;*/ height: 160px; }


/* 7.2 PARTNERS */
#partners .partners-list  															{ padding-left: 0; list-style: none; }
#partners .partners-list .partner 													{ position: relative;}
#partners .partners-list .partner .trigger 											{ display: inline-flex; justify-content:center; align-items: center; position: absolute; left: 0; }
#partners .partners-list .partner .trigger 											{ }

/* dims */
#partners .partners-list .partner													{ padding-left: 30px; min-height: 22px; padding-bottom: 15px; }
/*#partners .partners-list .partner:not(:first-child) 								{ margin-top: 10px;}*/
#partners .partners-list .partner .trigger 											{ width: 20px; height: 20px; }
#partners .map-holder .map 															{ height: 300px; }





/*SOCIAL ICONS*/
/* 	SOCIAL ICONS COMMON [POP]  
	the usage of an icon-wrapper is b/c of vertical-centering of 
	all icons AND individual icon's top value transition
*/
.social-icons 																		{ display: flex; justify-content: space-around; align-items: center; }
.social-icons .icon,
.social-icons .icon-wrapper															{ display: inline-flex; align-items: center; justify-content: center; }
.social-icons .icon span															{ display: none; }

.social-icons.pop																	{ position: absolute; height: 100%; width: 100%; z-index: 999; top: 0; left: 0; }
.social-icons.pop .icon-wrapper														{ position: relative; }
.social-icons.pop .icon-wrapper .icon 												{ position: absolute; top: 200px; left: 0; opacity: 0; }

.social-icons.pop.active .icon 														{ top: 0; opacity: 1; }

.social-icons.pop																	{ visibility: hidden; opacity: 0;}

.social-icons.pop.active,
.social-icons-trigger.active .social-icons.pop,
.social-icons-trigger:not(.active):hover .social-icons.pop							{ visibility: visible; opacity: 1; }

/* dims */
.social-icons .icon,
.social-icons .icon-wrapper															{ width: 40px; height: 40px;  }

.social-icons.pop .icon,
.social-icons.pop .icon-wrapper														{ width: 60px; height: 60px; }



/* 8. SIDEBAR */
/*#sidebar .carousel 																{ margin-bottom: 0; }
#sidebar .carousel .carousel-caption 												{ position: relative; left: auto; right: auto; bottom: auto; }
#sidebar .carousel .carousel-indicators 											{ bottom: 0; }*/

/* dims */
/*#sidebar .carousel,
#sidebar .carousel .item 															{ height: auto; min-height: 300px; }*/


/* 9. FOOTER*/
footer.main.fixed 																	{ position: absolute; bottom: 0; width: 100%; }


/*footer.main table.contacts 															{ float: left; }*/
footer.main table.contacts td 														{ position: relative; }
footer.main table.contacts td:before 												{ position: absolute; left: 0; }

footer.main .menu,
footer.main .menu .sub-menu															{ list-style: none; padding-left: 0; }

footer.main div.contacts,
footer.main .menu 																	{ display: flex; }

footer.main div.contacts															{ justify-content: space-around; }

footer.main .menu 																	{ margin-bottom: 0; margin-top: 0; width: 100%; }
footer.main .menu.others 															{ justify-content: space-around; }
footer.main .menu.sitemap 															{ justify-content: space-between; }


footer.main .menu.sitemap ul,
footer.main .menu.sitemap a {
	display: inline-block;
}

/*footer.main .menu.sitemap li {
	display: initial;
}*/



footer.main .author  																{ text-align: center; }



/*dims*/
footer.main 																		{ padding-top: 30px; padding-bottom: 30px; }


/*footer.main table.contacts:not(:last-child) 										{ margin-right: 30px; }*/
footer.main table.contacts td 														{ padding-left: 25px; padding-bottom: 5px; padding-top: 5px; }
footer.main .menu 																	{ padding-top: 15px; }
footer.main .menu.others 															{ padding-bottom: 15px; }

footer.main .social-icons 															{ margin-top: 20px; }

footer.main .sponsors 																{ text-align: center; /*display: flex; justify-content: center;*/}
footer.main .sponsors img { width: 150px; height: auto; }

footer.main .author 																{ margin-top:30px; }


/* MODAL */

/* 8 - Contacts */
button[data-target='#modal-contacts']												{ position: fixed; padding: 0;  }

button[data-target='#modal-contacts'] span.icon 									{ display: inline-table; text-align: center; }
button[data-target='#modal-contacts'] span.icon:before 								{ display: table-cell; vertical-align: middle; }
 
button[data-target='#modal-contacts'] span.text										{ display: none; }

/*dims*/
button[data-target='#modal-contacts']												{ width: 60px; height: 60px; bottom: 10px; right: 10px; }

/* 8 - Contacts */
#modal-search .form-group 															{ margin-bottom: 0; }
#modal-search .modal-body 															{ padding-top: 0; padding-bottom: 0; }
#modal-search .modal-header,
#modal-search .modal-footer 														{ border: none; }


@media (max-width: 767px)															{

	body 																			{ padding-top: 51px; }

	#root 																			{ padding-top: 30px; }

	/*NAV*/
	.navbar .expandsearchbar_trigger												{ width: 44px; height: 34px; margin-right: 15px; margin-top: 8px; }
	
	/*dims*/
	.navbar .expandsearchbar_trigger												{ width: 35px; height: 35px; }

	/* HOME */
	.home #main .module:not(:first-child) 											{ margin-top: 30px; }

	/*  */
	.grid.team-members .grid-item>.row>div:first-child 								{ display: flex; justify-content: center; }
	.grid.team-members .grid-item img 												{ width: 150px; height: calc( 150px * 3/2 ); }
	.grid.team-members .grid-item .name,
	.grid.team-members .grid-item .level 											{ text-align: center; }


	/* 7.1 NUMBERS*/
	#numbers .num:nth-child(1),
	#numbers .num:nth-child(2),
	#numbers .num:nth-child(3),
	#numbers .num:nth-child(4) 	 		 														{ margin-bottom: 15px; }


	/* 7.2 PARTNERS */
	#partners .partners-category 													{ margin-bottom: 60px; }

	/* 9. FOOTER */
	footer.main .menu.sitemap 														{ flex-wrap: wrap; }
	footer.main .menu.sitemap>li:nth-child(-n+2)									{ margin-bottom: 15px; }
	footer.main table.contacts 														{ width: 45%; }

}



@media (min-width: 768px)				{

	/*CONTENT: quote*/
	header.main .quote-anim .q 														{ width: 50%; top: calc( (100% - 105px) / 2 ); }
	header.main .quote-anim::before 												{ left: calc(100% - 50%); }	



	/* STRUCTURE */
	 #root																			{ padding-top: 100px; padding-bottom: 180px; }	
	
	#main .grid.notes>.grid-item>.holder 											{ padding: 50px 20px 20px 20px; min-height: 200px; }
	#main .grid.notes>.grid-item>.holder:after {
		border-width: 20px;
	}
	.page-n .se.notesrvices .grid>.grid-item>.holder	 							{ padding-right: 40px; }	


	/*CONTENT: header*/
	header.main 																	{ margin-top: 100px; }
	.navbar.min + header.main 														{ margin-top: 60px; }
	header.main .title 																{ padding-top: 30px; padding-bottom: 30px; }


	/* COMMON: COLUMNS*/
		
	/* number */
	.has-columns,
	.page-about-us-our-numbers .partners-list.has-columns										{  
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		  -webkit-column-gap: 60px;
			 -moz-column-gap: 60px;
				  column-gap: 60px;

	}

	.has-columns li {
		-webkit-column-break-inside: avoid;
				  page-break-inside: avoid;
					   break-inside: avoid;
	}



	/* 1.4 GALLERY */
	.gallery:not(.gallery-size-thumbnail) .gallery-item 							{ width: calc( 720px / 3 ) !important; height: calc( 720px / 3 ) !important;  }



	/* 3. NAV */
	.navbar .navbar-brand 															{ display: inline-flex; justify-content: center; align-items: center; padding-right: 0; padding-left: 0;  }
	.navbar .nav > li > a 															{ padding-left: 9px; padding-right: 9px; }

	.navbar .navbar-nav>.menu-item>a 												{ padding-bottom: 0; padding-top: 0;  }
	.navbar .navbar-nav>.current-menu-ancestor>a:after 								{ content: ''; position: absolute; bottom: 0; width:100%; left: 0; }	
	.navbar .navbar-nav>.menu-item>a,
	.navbar .btn-group,
	.navbar .navbar-header															{ display: flex; align-items: center; }
	.navbar .btn 																	{ margin-top: 0; margin-bottom: 0; }

	/* dims */
	.navbar,
	.navbar .navbar-nav>.menu-item>a,	
	.navbar .btn-group,
	.navbar .navbar-header															{ height: 100px; }
	.navbar.min,
	.navbar.min .navbar-nav>.menu-item>a,	
	.navbar.min .btn-group,
	.navbar.min .navbar-header	 													{ height: 60px; }
	
	.navbar .navbar-brand 															{ width: 120px; /*height: 50px; */ }

	.navbar .navbar-nav																{ margin-left: 10px; }
	.navbar .nav > li > a 															{ padding-left: 6px; padding-right: 6px; }	

	/*.navbar .navbar-brand img 													{ width: 170px; height: 50px; }*/



	.home .navbar:not(.min),
	.home .navbar:not(.min) .navbar-nav>.menu-item>a,	
	.home .navbar:not(.min) .btn-group,
	.home .navbar:not(.min) .navbar-header,
	.home .navbar:not(.min) #expand-input-bar-holder								{ height: 80px; }	
	.home .navbar:not(.min) .navbar-brand 											{ width: 1px; opacity: 0;  overflow: hidden; }
	.home .navbar .navbar-brand 													{ opacity: 1; }


	/* 3. HOME */
	.home #home-carousel .item .carousel-caption									{ padding-top: 100px; padding-bottom: 40px; } /* (nav height + top) + (carousel-indicators height + bottom) */
	.home #main .module.type-video .holder iframe 									{ height: 100%; }
	.home #main .module .carousel .carousel-indicators								{ bottom: 0; }
	.home #video video 																{ /*transform: translate(-50%, -80%);*/ }


	/* dims */
	.home #home-carousel,
	.home #home-carousel .item 														{ height: calc(100vh/2); }
	.home #home-carousel .item:first-child .carousel-caption h1:before				{ height: 150px; width: 700px; }
	.home #home-carousel .item:not(:first-child):after 								{ height: 200px; }

	.home .carousel .quote-anim 													{ width: 50%; height: 150px; }

	.home .grid.notes 																{ margin-bottom: 120px; }
	#main .services>.title 															{ margin-bottom: 80px; }

	.home #video 																	{ height: 300px; }


	/*ARCHIVE*/
	#main .grid .grid-item.type-panel img 											{ height: 250px; }
	#main .grid .grid-item.type-panel .panel-body 									{ min-height: 430px; }

	/*4.1 TEAM (OLD & NEW) */
	.page-id-11 #root,
	.page-about-us-team-members #root												{ padding-bottom: 0; padding-top: 0; width: 100%;  }
	.grid.team-members .grid-item 													{ margin-bottom: 0; }	
	.grid.team-members .grid-item.type-cell .photo 									{ padding-left: 0; padding-right: 0; }
	.grid.team-members .grid-item.type-cell .description .holder					{ height: 100%; display: flex; justify-content: center; flex-direction: column; /*padding-left: 15px; padding-right: 15px;*/ }
	
	.grid.team-members .grid-item:not(.type-cell) .description .holder				{ min-height: 150px; /*padding-left: 30px; padding-right: 30px;*/ }

	.grid.team-members .grid-item:nth-child(4):not(.type-cell),
	.grid.team-members .grid-item:nth-child(5):not(.type-cell),
	.grid.team-members .grid-item:nth-child(6):not(.type-cell) 						{ margin-top: 100px; }



	.social-icons.pop .icon,
	.social-icons.pop .icon-wrapper													{ width: 80px; height: 80px; }	


	/* 5.7 GALLERY */
	.page-id-603 #sidebar .images-holder 											{ justify-content: space-around; }
	.page-id-603 #sidebar .image-holder 											{ width: calc( 100% / 2 - 15px);  }
	.page-id-603 #sidebar .image-holder:not(:nth-last-child(-n+2))					{ margin-bottom: 15px; }
	
	/* 9. FOOTER */
	/*footer.main .menu.sitemap>li													{ max-width: 160px; }*/
	footer.main .menu.sitemap>li {
		padding: 0 10px;
	}

	footer.main .menu.sitemap>li:first-child {
		padding-left: 0;
	}

	footer.main .menu.sitemap>li:last-child {
		padding-right: 0;
	}


	/* FIXED BUTTONS */
	body>button.fixed																{ width: 60px; height: 60px; }		

}




@media (min-width: 768px) and (max-width: 991px)							{

	/* 2. NAV */
	.navbar .navbar-form 															{ padding-left: 0; padding-right: 0; }
	.navbar .search-collapse,												
	.navbar .col-xs-12.col-sm-3 													{ padding-left: 0; }
	.navbar-form 																	{ display: none; }
	.navbar-form .input-group														{ width: 100%; }
	.navbar-form .input-group .input-group-btn 										{ display: inline-block; }

	/*dims*/
	.navbar-form .input-group .form-control											{ width: calc(100% - 40px); }	

	.navbar .expandsearchbar_trigger  												{ margin-top: calc( (100px - 35px ) / 2 ); }
	.home .navbar .expandsearchbar_trigger  										{ margin-top: calc( (80px - 35px ) / 2 ); }
	.navbar.min .expandsearchbar_trigger 											{ margin-top: calc( (60px - 35px ) / 2 ); }

	
	/*HOME*/
	.home .grid.notes .grid-item:nth-child(n+3)										{ width: calc( 100% / 3 ); }


	/* 5.4 OUR NUMBERS */
	.page-about-us-our-numbers .studies.n-5 .study 												{ width: calc(100% / 3); }
	.page-about-us-our-numbers .studies.n-5 .study:nth-last-child(-n+2)							{ width: calc(100% / 2); }		
			

	/* 9. FOOTER */
	footer.main .social 															{ margin-top: 20px; }

}



@media (max-width: 991px)							{
	
	/*NAV*/
	.navbar .expandsearchbar_trigger												{ float: right; display: flex; align-items: center; justify-content: center; cursor: pointer; }
	.navbar #expand-input-bar-holder 												{ display: none; }
	
	/*dims*/
	.navbar .expandsearchbar_trigger												{ width: 35px; height: 35px; }

	/* 5.1 SERVICES*/
	.page-id-44 #root 																{ padding-bottom: 15px; }	

	/* 5.7 GALLERY */
	.page-id-603 #root>.row 														{ display: flex; flex-direction: column-reverse; }

	/* 9. FOOTER */
	footer.main .author 															{ margin-top: 60px; }

}



@media (min-width: 992px)							{

	/* STRUCTURE */
	body:not(.home):not(.page-id-44) #main .grid.notes>.grid-item>.holder 			{ min-height: 250px; }

	/* 1.6 TESTIMONIALS */
	#main .carousel.testimonials 													{ height: 400px; }	
	#main .carousel .carousel-control.left span 									{ left: 20%; }
	#main .carousel .carousel-control.right span 									{ right: 20%; }

	/*body:not(.home)*/ #main .carousel.testimonials .holder 						{ padding: 60px; }	


	/* 1.4 GALLERY */
	.gallery:not(.gallery-size-thumbnail) .gallery-item 							{ width: calc( 940px / 4 ) !important; height: calc( 940px / 4 ) !important;  }

	
	/* 2. NAV */
	.navbar .expand-input-bar 						{ position:relative; width:0%; float:right; overflow:hidden;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		-ms-transition: width 0.3s;
		-o-transition: width 0.3s;
		transition: width 0.3s;
	}

	.navbar .expand-input-bar .input 				{ top:0; right:0; border:0; outline:0; width:100%; margin:0; }
	.navbar .expand-input-bar .submit 				{ z-index: 1; opacity: 0; }
	.navbar .expand-input-bar .trigger 				{ z-index: 2; display: inline-flex; justify-content: center; align-items: center; cursor:pointer; }
	.navbar .expand-input-bar .trigger,
	.navbar .expand-input-bar .submit 				{ position:absolute; top:0; right:0; padding:0; margin:0; border:0; outline:0; }

	.navbar .expand-input-bar.trigger-off .trigger	{ z-index: 1; }
	.navbar .expand-input-bar.trigger-off .submit 	{ z-index: 2; }

	.navbar #expand-input-bar-holder 				{ display: flex; justify-content: flex-end; align-items: center; float: right; }	

	/* dims */
	.navbar .expand-input-bar 						{ min-width: 35px; }
	.navbar .expand-input-bar,
	.navbar .expand-input-bar .input,
	.navbar .expand-input-bar .trigger,
	.navbar .expand-input-bar .submit       		{ height: 35px; }
	.navbar .expand-input-bar .trigger,
	.navbar .expand-input-bar .submit 				{ width: 35px; }
	.navbar .expand-input-bar .input 				{ padding-left: 10px; }
	.navbar .expand-input-bar.open 					{ width: 200px;/*100%*/ }
	.navbar #expand-input-bar-holder 				{ width: 200px; }

	.navbar #expand-input-bar-holder				{ height: 100px; }
	.navbar.min #expand-input-bar-holder	 		{ height: 60px; }
	
	
	.navbar .navbar-nav								{ margin-left: 10px; }
	.navbar .navbar-brand 							{ width: 170px;  }	
	.navbar .nav > li > a 							{ padding-left: 6px; padding-right: 6px; }


	/* 3. HOME */
	.home #home-carousel,
	.home #home-carousel .item 														{ height: 100vh; }
	.home #home-carousel .item .quote-anim 											{ height: 100px; }

	.home #home-carousel .item .carousel-caption h1:before 							{ width: 40vw; }

	.home .grid.notes .grid-item  													{ width: calc( 100% / 5 ); }


	/*4.1 TEAM (OLD & NEW) */
	.grid.team-members .grid-item:nth-child(7):not(.type-cell)						{ margin-top: 100px; }
	.grid.team-members .grid-item:not(.type-cell) .photo 							{ padding-left: 100px; padding-right: 100px; }

	.grid-item.type-cell + .grid-item:not(.type-cell) + .grid-item:not(.type-cell) + .grid-item:not(.type-cell)	 { margin-top: 100px; }

	
	/*5.1 SERVICES*/
	.page-id-44 .grid>.grid-item>.holder											{ min-height: 270px; }	
	

	/* 5.4 NUMBERS [page] */
	.page-about-us-our-numbers .studies.n-4 .study 												{ width: calc(100% / 4); }
	.page-about-us-our-numbers .studies.n-5 .study 												{ width: calc(100% / 5); }
	.page-about-us-our-numbers .studies 															{ padding-left: 15px; padding-right: 15px; }

	/* 9. FOOTER */
	/*footer.main .menu.sitemap>li													{ max-width: 100px; }
	footer.main .menu.sitemap>li:not(.menu-item-has-children)						{ max-width: 75px; }	*/	

}


@media (min-width: 768px) and (max-width: 1199px)							{

	/*4.1 TEAM */
	.grid.team-members .grid-item.type-cell:nth-child(even) .photo 					{ float: right; }
	.grid.team-members .grid-item.type-cell:nth-child(even) .description .name,
	.grid.team-members .grid-item.type-cell:nth-child(even) .description .level	 	{ text-align: right; }	

}



@media (min-width: 1200px)				{

	/* CONTENT: quotes */
	header.main .quote-anim	 														{ height: 100%; }
	header.main .quote-anim .q 														{ width: 33%; }
	header.main .quote-anim::before 												{ left: calc(100% - 33%); }	


	header.main 																	{ height: calc( 100vh * (2 / 3) - 80px );}


	/* 1.4 GALLERY */
	.gallery:not(.gallery-size-thumbnail) .gallery-item 							{ width: calc( 1140px / 5 ) !important; height: calc( 1140px / 5 ) !important;  }


	/*NAV*/
	.navbar .nav > li > a 															{ padding-left: 13px; padding-right: 13px; }
	.navbar .expand-input-bar.open 													{ width: 240px;/*100%*/ }
	.navbar #expand-input-bar-holder 												{ width: 240px; }
	.navbar .navbar-brand 															{ width: 200px;  }
	.navbar .navbar-nav																{ margin-left: 50px; }

	/* 3. HOME */
	.home #home-carousel,
	.home #home-carousel .item 														{ height: 100vh; }
	.home #main .module .outer-holder,
	.home #main .module .holder														{ height: 400px; }
	.home #home-carousel .item .carousel-caption									{ padding-top: calc(100px + 100px); padding-bottom: calc(40px +  100px); } 	


	/*4.1 TEAM */
	/* every odd (+1) row change photo's floating dir */
	.grid.team-members .grid-item.type-cell:nth-child(4n+2) .photo,
	.grid.team-members .grid-item.type-cell:nth-child(4n+3) .photo 					{ float: right; }
	.grid.team-members .grid-item.type-cell:nth-child(4n+2) .description .name,
	.grid.team-members .grid-item.type-cell:nth-child(4n+3) .description .name,
	.grid.team-members .grid-item.type-cell:nth-child(4n+2) .description .level,
	.grid.team-members .grid-item.type-cell:nth-child(4n+3) .description .level	 	{ text-align: right; }

	.grid.team-members .grid-item.type-cell:nth-child(1) img 						{ object-position: 50% -100px;}	

	/*.grid.team-members .grid-item:not(.type-cell) .description .holder				{ min-height: 250px; }*/

	/*.grid.team-members .grid-item:nth-child(8):not(.type-cell),
	.grid.team-members .grid-item:nth-child(9):not(.type-cell)						{ margin-top: 100px; }*/

	/* 9. FOOTER */
	/*footer.main .menu.sitemap>li,
	footer.main .menu.sitemap>li:not(.menu-item-has-children)						{ max-width: 120px; }*/


}




/* 50TH ANNIVERSAIRE */
/*.navbar .navbar-brand {
	position: relative;
}

.navbar .navbar-brand img {
	display: none;
}

.navbar .navbar-brand::before {
	background-image: url('media/home/5thanniversaire/Logo-comemorativo-5-anos-cetera_menu_website.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
}

#home-carousel .item:first-child .carousel-caption h1:before 						{ background-image: url('media/home/5thanniversaire/Logo-comemorativo-5-anos-cetera_header_home.png');}

.home #home-carousel .item:first-child .carousel-caption h1:before					{ height: 120px; }

@media (min-width: 768px)				{

	.home #home-carousel .item:first-child .carousel-caption h1:before				{ height: 200px; }

}

@media (min-width: 992px)							{

	.home #home-carousel .item:first-child .carousel-caption h1:before				{ height: 300px; }	

}*/