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

/* Variables
----------------------- */
:root 
{

	--color-primary:#a2c11c !important;
	--color-secondary: #A7BD43;
	--color-primary-light: #147214 !important; /*Dark green*/
	--bg-body:/* #F4F9D7;/*#f0f2f2; /*#f5ece5;*/#eaf6f6 !important;

	--text-color: #49aeb4; /*#4A4A4A; */
	--bold-color: #8d1a1a !important; /* AMU Red-maroon*/
	--text-color-light: #ddd;
	--light: #0b9776;/* #FFFBF6;*/
	--border: #2c5d63 !important;
	--shadow: 0 0 8px 1px #74cabb;
	--font-text: "Roboto", sans-serif !important;
	--font-heading: "Philosopher", sans-serif !important;
}

html, body 
{
	font-size: 16px !important;
	font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 
{
  font-weight: 700 !important;
  color: var(--bold-color) !important;
}

h2
{
	font-size: 1.6rem !important;
	font-weight: 400 !important;
}

/* ******************** FRONT PAGE *********************  */
#content-top,
#main-wrapper,
#content-bottom
{
	padding-bottom: 0px;
	padding-top: 0px;
}

body.frontpage .region-content .node-content 
{
	padding: 15px 15px -15px 15px;
	font-size: 1.05em;
}

#content-bottom 
{
	margin-top: -25px;
}

/* ************** ELEMENTS ***************************** */
.button
{
	border-radius: 5px !important;
	background: var(--color-primary-light) !important;
	border: unset !important;
}

.site-name
{
	text-transform: unset !important;
}
.site-name a
{
  color: var(--color-primary-light) !important;
  font-size: 2.25rem !important;
}

.site-slogan
{
  color:rgb(34, 34, 34) !important;
  font-size: 13px !important;
}

.view-header 
{
	text-align: right;
}

/*  ************** HEADER ******************************** */
.header-container 
{
	padding: 1px !important; 
}
.header
{
	background-color: var(--color-primary-light) !important;
}
.Sign.In.button
{
	background: var(--bold-color) !important;
}
.header-top 
{
	background-color: #ffffff !important;
}
#content-top
{
	padding-top: 5px;
}

#main-wrapper
{
	padding-top: 2px !important;
}

.donate-button
{
	background-color: var(--bold-color) !important;
	border-radius: unset !important;
	margin-top: 5px;
}

#block-tara-donateblock .button
{
    background: var(--bold-color);
    font-weight: 400;
	margin-top: 15px;
}
.header-top-right.header-top-block 
{
	font-size: 13px !important;
	text-align: center;
}

.button:hover
{
    background: var(--color-primary-light);
	color: white !important;
	text-decoration: underline;
}

.become-a-member 
{
	background: var(--bold-color) !important;
	margin: 3px;
}

/* **************** MENU ************************************ */
.main-menu
{
	font-family: Roboto !important;
	font-size: 13.2px !important;
}

.main-menu .expanded:hover span
{
    color: #ffffff !important;
	/*background-color: var(--color-primary-light);*/
}

.main-menu .menu-item-level-1:hover
{
	background-color: var(--bold-color) !important;
}

.main-menu .menu-item-level-1 > a,
.main-menu .menu-item-level-1 > span
{
    font-weight: bold;
}

/*
.header-right .region-primary-menu a:hover,
.header-right .region-primary-menu span:hover
{
	background-color: var(--color-primary-light) !important;
	color: var(--bold-color) !important;
}
*/

.region-primary-menu .submenu a, 
.region-primary-menu .submenu li > span
{
	/*width: 109% !important;*/
}
.region-primary-menu .submenu li
{
	border-bottom: 1px solid white !important;
}
.header-right .region-primary-menu a,
.header-right .region-primary-menu span
{
	color:#ffffff !important;
	font-size: 13.2px !important;
}

.menu-item-has-children::after 
{
	content: "\f078" !important;
	font-family: "Font Awesome 6 Free" !important;
	color: white !important;
	font-weight: bold;
	margin-right: 5px;
}

/* ************************** BANNER *********************** */
.view-home-banner .views-field-title 
{
	/* color: white; */
	position: absolute;
	bottom: -5px !important;
	/* font-size: 2.25rem; */
	/* line-height: 1.9; */
	/* font-weight: 500; */
	left: 14px;
	/* float: left; */
	/* background-color: rgba(221, 91, 145,0.75); */
	/* padding: 5px 10px 0px 10px; */
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	/* border-radius: 5px; */
}

.view-home-banner .views-field-field-brief-description
{
    color:white;
    position:absolute;
    top: 223px;
    left: 147px;
    font-size: 1.75rem;
    font-weight: 500;
    background-color: rgba(92, 92, 233,0.5);
    padding:3px 7px 3px 7px;
    border-radius: 5px;
}

.views_slideshow_controls_text > span
{
	font-family: "tara";
	font-size: 3rem;
	position: absolute;
	top: 48%;
	z-index: 99;
	color: black;
}

#views_slideshow_controls_text_next_home_banner-block_1,
#views_slideshow_controls_text_next_front_page_image-block_1
{
	right: 10px;
}

#views_slideshow_controls_text_previous_home_banner-block_1,
#views_slideshow_controls_text_previous_front_page_image-block_1
{
	left: 10px;
}

#views_slideshow_controls_text_next_home_banner-block_1::after,
#views_slideshow_controls_text_next_front_page_image-block_1::after
{
	content: "\e00b";
	text-shadow: 0px 0px 8px white;
}
#views_slideshow_controls_text_previous_home_banner-block_1::before,
#views_slideshow_controls_text_previous_front_page_image-block_1::before
{
	content: "\e00c";
	text-shadow: 0px 0px 8px white;
}

.views_slideshow_controls_text > span > a
{
	display: none;
	text-decoration: none;
}
.views_slideshow_controls_text > span:hover
{
	text-decoration: none !important;
}
/* ************************* ------------ ************************** */

.path-media-gallery article .field--name-images 
{
	display: flex;
}

.path-media-gallery article .field--name-images .image-field 
{
	border-radius: 10px;
}

.region-content-bottom 
{
	flex-direction: row !important;
	flex-wrap: wrap;
}

.region-content-bottom .block 
{
	padding: 10px !important;
	flex-basis: 48%;
	margin: 6px !important;
	border-radius: 15px;
}

.region-content-top .block
{
	margin-left: 15px !important;
	margin-right: 5px !important;
	/*border-radius: 15px 0 0 15px;
	flex: 0 0 47%;*/
}

#highlighted
{
	background-color: #69c181 !important;
}

/* ***************** FOOTER *********************** */
#footer
{
	background-image: none !important;
	background-color: var(--bold-color) !important;
	color: var(--text-color-light) !important;
	border-top: 4px solid var(--color-primary-light) !important;
}

#footer a
{
	color: var(--text-color-light) !important;
}

#footer a:hover
{
	font-weight: bold !important;
}

#footer h2
{
	color: #FFFFFF !important;
}

#footer .button:hover 
{
	background-color: var(--color-primary-light) !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

#block-addressblock-2
{
	margin-top: 10px;
}

/* *************** NEWSLETTER *********************** */
.view-newsletter .field-content a div 
{
	background: var(--bold-color);
	text-align: center;
	color: #FFF;
	
}

.view-newsletter .field-content:hover a div 
{
	background: var(--bold-color);
	color: #FFF;
}

.view-newsletter .field-content:hover
{
	border: 1px solid var(--bold-color);
}
.view-newsletter .field-content:hover a div
{
background-color: var(--color-primary-light);
}

.view-newsletter .field-content a img 
{
	margin-bottom: 0px;
	width: 100%;
}

.view-newsletter .view-header
{
	text-align: unset;
}

/* ********************** BYLAWS ********************* */
body.page-type-bylaws .node-content .ui-widget
{
    font-family: var(--font-text) !important;
}

.faqfield-answer 
{
	height: unset !important;
}

/* **************************************************  */

#breadcrumb 
{
  color: #FFFFFF;
}
.breadcrumb-items
{
	margin: 10px !important;
	font-size: 15px !important;

}

.social-icons a
{
	color: #FFFFFF !important;
	background: var(--color-primary-light) !important;
}


.view-all-videos-by-gallery .field-content ul 
{
	display: flex;
	flex-wrap: wrap;
}

.view-all-videos-by-gallery .field-content ul li
{
	margin: 5px;
	flex-basis: 200px;
}


/* Added by Mehjabi 10-17-2023*/
.view-manage-gallery .view-header
{
   text-align:right;
}

.view-all-videos-by-gallery .views-row 
{
	position: relative;
}

.view-all-videos-by-gallery .views-field-view-media-gallery
{
	position: absolute;
	top: 10px;
	right: 10px;
}

.view-all-videos-by-gallery .views-field-title
{
	border-bottom: 1px solid black;
}

/* Added by Mehjabi */
.view-all-videos-by-gallery .views-field-view-media-gallery 
{
  position: absolute;
  top: 4px;
  right: 10px;
}
/* Added by Mehjabi - 20-10-23*/
.view-all-announcements .views-row
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.view-all-announcements .views-row .views-field-field-image122
{
    margin: 5px;
}

.region-content-top .image-field
{
	border-radius: 10px;
}




 /* Added by Mehjabi 10-18-2023
.main-wrapper
{
    background color:green;
}*/
.view-filters
{
    display:flex;
}
 
.view-idara-seminars .views-row
{
	position: relative;
}
.view-idara-seminars .views-field-field-date 
{
	position: absolute;
	top: 10px;
	right: 10px;
}

.region-content-top .views-element-container 
{
	position: relative;
	/*float: none;
	margin: auto !important;
	*/
}

#views_slideshow_cycle_teaser_section_home_banner-block_1 {
	float: none;
	margin: auto;
}

.region-content-top .views-element-container .view-header 
{
	position: absolute;
	top: -40px;
	right: 10px;
}


/* Added by Mehjabi 10-16-2023*/
.region-content-top .views-element-container .view-header
{
  position: absolute;
  top:12px;
  right:20px;
}
  
.region-content-bottom .views-field-field-front-cover .image-field
{
  border-radius: 0 10px 10px 0; 
}

/* **********  Executive Council & Board Members **********************/

.view-board-members .views-field-title,
.view-board-members .views-field-field-board-group
{
	text-align: center;
}

.view-board-members h3 
{
	border-width: 0 0 1px 0;
	border-color: var(--border);
	border-style: solid;
	color: var(--color-primary-light) !important;
}

.view-board-members .image-field
{
	border-radius: 50%;
	/*margin-bottom: 31px;*/
}


.view-board-members .views-field-field-image .field-content
{
	text-align: center;
}

.view-board-members .board-memberl-title
{
	font-weight: bold;
	color: var(--bold-color);
}

.view-board-members .w30 .board-group
{
	font-style: italic;
}

.view-board-members .w70
{
	padding: 25px;
	margin-bottom: 15px;
}

.view-board-members .item-list:nth-last-child(1) 
{
	border-top: 1px solid var(--color-primary-light);
	margin-top: 5px;
	padding-top: 20px;
}


.view-board-members .w30
{
	margin-bottom: 30px;
	padding: 15px;
}


/* ******************** TESTIMONIALS ********************************** */
blockquote, [dir="rtl"] blockquote 
{
	padding: 2.5rem 1rem 1rem 2.5rem !important;
}

.view-testimonials td
{
	border: none;
}

.view-testimonials .image-field
{
	border-radius: 50%;
}

.view-testimonials .views-field-body blockquote 
{
	/* padding: 5px !important; */
	min-height: 250px;
	border-radius: 0 10px 10px 0;
}

.view-testimonials .w30 .field-content 
{
	text-align: center;
}

.view-testimonials .field-content .testimonial-title
{
	font-weight: bold;
	color: var(--bold-color);
}


/* **************** MEDIA GALLERIES ******************************** */
.view-media-galleries h3
{
  border-bottom: 1px solid;
}

.view-media-galleries .view-header
{
	margin-bottom: 1rem;
	text-align: right;
}

.view-media-galleries .page-title
{
	text-decoration: underline;
}

.view-media-galleries .image-field 
{
	border-radius: 8px;
}

.user-guest #addGalleryButton
{
	display : none;
}

.view-front-page-image
{
    position: relative;
}

body.frontpage .view-front-page-image .views-field-name 
{
	text-align: center;
	font-weight: bold;
	margin-top: 25px;
}

.view-front-page-image .views_slideshow_slide
{
	background: unset !important;
}

.view-front-page-image .views_slideshow_slide .image-field
{
	border-radius: 5px;
}

/***************** EVENTS AND CALENDAR ************************* */
body.homepage .fc-week 
{
	height: 60px !important;
}

body.frontpage .fc-header-toolbar h2 
{
	font-size: 1rem !important;
}

body.frontpage .view-events-calendar .view-header
{
	display: none;
}

.fc-event:hover
{
	background: var(--bold-color) !important;
}

.view-most-recent-event .views-view-grid .views-col
{
	border: 1px solid black;
	padding: 6px;
}

.view-most-recent-event .views-field-title
{
    font-weight: bold;
	font-size: 1.2rem;
	margin: 5px 0;
}

.view-most-recent-event .event-content img 
{
	float: left;
	margin: 5px;
	border-radius: 5px;
}

.view-most-recent-event .views-row
{
	border-top: 1px solid var(--border);
	padding-bottom: 10px;
}


/* ********************** PROJECTS ****************************** */

.view-projects-for-homepage
{
	position: relative;
}

.view-view-content .views-row {
    margin: 5px;
}

.view-view-content .image-field {
    border-radius: 50% 0 0 50%;
}

.view-view-content .views-field-body 
{
	position: relative;
    background: #aabbcc50;
    padding: 10px;
    /* margin: 5px; */
    border-radius: 0 20px 20px 0;
    max-height: 250px;
}

.view-view-content .views-field-body .button
{
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.view-header-text 
{
	text-align: left !important;
}

.view-projects-for-homepage .views-view-responsive-grid__item {
	min-height: 100px;
	align-content: center;
	display: inherit;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	color: white;
}

.view-projects-for-homepage .views-view-responsive-grid__item:hover
{
	background-color: #222 !important;
}


.view-projects-for-homepage li:nth-child(even)
{
	background: var(--bold-color);
}

.view-projects-for-homepage li:nth-child(odd)
{
	background: var(--color-primary-light);
}

#block-tara-views-block-projects-for-homepage-block-2 {
	flex-basis: 97% !important;
	width: 97% !important;
}

#block-tara-views-block-projects-for-homepage-block-2 .view-header {
	position: absolute;
	top: -45px;
	right: 10px;
}

#block-tara-views-block-projects-for-homepage-block-2 .view-header a:hover
{
	background: var(--color-primary-light);
}

#block-tara-views-block-projects-for-homepage-block-2 a 
{
	color: #fff !important;
	text-align: center !important;
}

#block-tara-views-block-projects-for-homepage-block-2 h2 
{
	text-align: center !important;
}

.slick-arrow::before
{
	color: white !important;
}

.slick-arrow:hover
{
	border: unset !important;
}

#block-tara-views-block-projects-for-homepage-block-2 .grid 
{
	height: 150px;
}

/* ********************* COMMITTEE *************************** */
.node-type-committee ul.taxonomy-terms
{
	display: flex;
	flex-direction: row;
}

.node-type-committee ul.taxonomy-terms > li.taxonomy-term
{
	flex-basis: 49%;
}

.node-type-committee ul.taxonomy-terms > li.taxonomy-term img
{
    border-radius: 10px;
}

.node-type-committee .node-type-team-member .node-title
{
    border-bottom: 1px solid var(--color-primary-light);
    width: fit-content;
}



/* **** MEDIA Query ********/
@media screen and (max-width: 767px) 
{
	.region-content-top .block, .region-content-bottom .block
	{
		flex-basis: 99%;
	}
}