/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1180px) {}
	@media screen and (min-width:880px) and (max-width:1179px) {}
    @media screen and (max-width:879px) {}

INDEX
	- PAGE TOP
	- NEWS ROTATOR
	- PASTOR

    font-family: 'Great Vibes', cursive;
    font-family: 'Lora', serif;
    font-family: 'Montserrat', sans-serif;
*/

/*-----------------------------------------------------------  PAGE TOP ------------------------*/
@media screen and (min-width: 1180px) {
	#hm_mass h1 { font-size: 40px !important; }

	#hm_mass h1::after {
		content: '--------';
		margin-left: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}

	#hm_mass h1::before {
		content: '--------';
		margin-right: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}

	#hm_mass .flex .fx_2.video-masses { padding: 0 30px; }
}

@media screen and (min-width: 880px) and (max-width: 1179px) {
	#hm_mass h1 { font-size: 38px !important; }
	#hm_mass h1::after {
		content: '----------';
		margin-left: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}

	#hm_mass h1::before {
		content: '----------';
		margin-right: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}
}

@media screen and (min-width:500px) {  #wrap_home { height: 35vw; } }
@media screen and (max-width:499px) {  #wrap_home { height: 40vw; } }	

#wrap_home {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #4672af;
	background-image: url(../../gallery/2020/07/SaintGreg-img-top.jpg);
	position: relative;
}

#hm_mass { padding: 20px 0; }

#hm_mass h1 {
	color: var(--color2000);
	text-align: center;
	font-size: 25px;
	font-weight: 400;
}

#hm_mass .broadcast { padding-top: 50px; }

#hm_mass .broadcast .video {
	width: 95%;
	float: right;
}

#hm_mass table.default caption, #hm_mass h2 {
	border-bottom: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: black;
	font-weight: normal;
	text-transform: none;
}

#hm_mass table.default caption { text-align: left; }

#hm_mass table.default td {
	border-bottom: 0;
	padding: 1px 5px;
}

.show_home a.button {
	color: #18330f;
	float: none;
	margin: 0 auto;
	display: block;
	width: 150px;
	font-family: "Montserrat", sans-serif;
	border: 1px solid transparent;
	transition: all 0.2s linear;
}

.show_home a.button:hover {
	background: #18330f;
	color: white;
	border-color: white;
	transition: all 0.2s linear;
}

.hm_desk_davis h2,
.hm_desk_other h2 {
	border-bottom: 0;
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding-top: 20px;
}

.hm_desk_davis h1,
.hm_desk_other h1 {
	text-align: center;
	font-family: 'Great Vibes', cursive;
	font-size: 59px;
	font-weight: normal;
	margin-bottom: -10px;
}

.hm_desk_davis h3,
.hm_desk_other h3 {
	font-size: 16px;
	text-align: center;
	font-style: italic;
	margin: 0 0 30px 0;
}

/*-----------------------------------------------------------  NEWS ROTATOR --------------------*/
@media screen and (min-width: 1180px) {
	#news {
		max-width: 840px;
		top: 4vw;
		right: 47px;
	}

	#news a div.summary {
		font-size: 18px;
		line-height: 26px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


#news_rotator p.title { font-size: 25px; }

@media screen and (min-width: 880px) and (max-width: 1179px) {
	#news {
		max-width: 650px;
		top: 2vw;
		right: 30px;
	}

	#news a div.summary {
		font-size: 16px;
		line-height: 20px;
	}

	#news .swiper-container-horizontal > .swiper-pagination-bullets {
		margin-top: 10px !important;
	}

	.new-register-top-button { font-size: 12px; }
}

@media screen and (max-width: 880px) {
	#news a div.summary {
		display: none;
	}

	#news_rotator p.title { 
		font-size: 16px;
		line-height: 18px !important;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


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

	#news {
		max-width: 65%;
		top: 10px;
		right: 0;
	}

	#news > h1 { font-size: 16px !important; }
	
	#news .swiper-container-horizontal > .swiper-pagination-bullets {
		margin-top: 3px !important;
	}

	.new-register { display: none; }
}

#wrap_home section { position: relative; }

#news {
	width: 100%;
	position: absolute;
	overflow: hidden;
}

#news h1 {
    text-align: left;
    color: var(--color1000);
    text-transform: uppercase;
    font-weight: bold;
    font-size: clamp(20px, 3vw, 34px);
    padding: 0;
    max-width: 700px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

@media screen and (min-width: 880px) {

	#news_rotator img { width: 100% !important; }
	
}

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

	#news_rotator img { display: none !important; }

	#news_rotator p.title {
	text-align: center !important;
	}
	
}

/*#news_rotator img { float: right; width: 40%; margin-left: 15px; }*/

#news_rotator p.subtitle { color: #FFF;
    margin-bottom: 14px;
    font-size: 14px; }

#news_rotator p.title {
	color: white;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 32px;
}

/*
#news_rotator p.title::after {
	content: '----';
	margin-left: 15px;
	letter-spacing: -5px;
}

#news_rotator p.title::before {
	content: '----';
	margin-right: 15px;
	letter-spacing: -5px;
}
*/

div#news-rotator01 {
    position: relative;
}

div#news-rotator01 .swiper-button-prev, div#news-rotator01 .swiper-button-next{
	display: none;
}

#news a div.summary {
	color: white;
}

#news a div.summary h2 {
	font-size: 18px;
}


#news .swiper-container-horizontal > .swiper-pagination-bullets {
	position: static;
	margin-top: 0;
}

#news .swiper-container-horizontal > .swiper-pagination-bullets span {
	background: white;
	width: 10px; height: 10px;
	margin: 0 2px;
}

/*#news .swiper-container-horizontal > .swiper-pagination-bullets span:nth-child(1)::before {
	content: '<';
	margin-right: 10px;
	color: white;
}*/

.new-register { margin-top: -24px; }

.new-register section .content { background: transparent; }

.new-register-top-button {
	font-family: "Montserrat", sans-serif;
	background: var(--color4000);
	color: var(--color3000);
	padding: 3px 8px;
	position: relative;
	display: block;
	max-width: 320px;
	float: right;
	margin-top: -1.5vw;
}

.new-register-top-button:hover {
	color: var(--color3000);
	background: var(--color1000);
}


.news-card {
  display: grid;
  grid-template-columns: 1fr;
  color: white;
  padding: 16px;
  gap: 16px;
}

@media (min-width: 880px) {
  .news-card {
    grid-template-columns: 2fr 1fr; 
    padding: 20px;
    gap: 20px;
    max-width: 700px;
    margin: 0 auto;
  }

}
@media (max-width: 879px) {
	.news-right{display: none;}
	#news h1, #news_rotator p.title, #news_rotator p{text-align: center}
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: inherit !important}

.swiper-button-prev {
	background-color: var(--color1000);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-image: none;
    display: flex;
    align-items: center;
    transition: linear 0.2s;
    color: #FFF;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
	opacity: 0;
}

.swiper-button-next {
	background-color: var(--color1000);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-image: none;
    display: flex;
    align-items: center;
    transition: linear 0.2s;
    color: #FFF;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
	opacity: 0;
}

#swiper_sponsor .swiper-button-next{
	right: -80px;
}
#swiper_sponsor .swiper-button-prev{
	left: -80px;
}
#swiper_sponsor .swiper-button-next:hover, #swiper_sponsor .swiper-button-prev:hover{
	opacity: 0.5;
}


#news_rotator:hover .swiper-button-next, #news_rotator:hover .swiper-button-prev, 
#swiper_sponsor .swiper-button-next, #swiper_sponsor .swiper-button-prev {opacity: 1;}

/*-----------------------------------------------------------  PASTOR --------------------------*/
@media screen and (min-width:1180px) {
	.hm_desk_davis section { 
		/* background: url("http://church.saintgreg.org/ctm/31250/projects/StGregory/gallery/2023/08/FrDavis_hm.png") no-repeat; */
		 background: url("http://church.saintgreg.org/ctm/31250/projects/StGregory/gallery/2022/07/hand-letter-pastor.png") no-repeat;
	}

	.hm_desk_davis section .content { 
		background: none; 
		height: 480px;
	}

	.word { 
		position: absolute;
		max-width: 430px;
		right: 0;
		top: 20px;	
	}
}

.hm_desk_davis {
	background: url("../images/background-pastor.jpg");
	
}

.hm_desk_davis section { 
	position: relative;
}

.hm_desk_davis section .content { 
	background: none;
}

.word img,
.word p:not(.show_home),
.word ul:not(.show_home),
.word ol:not(.show_home) {
	display: none;
}

.word { 
	color: white;
	width: 100%;
}

/*-----------------------------------------------------------  OTHER PASTORS --------------------------*/
@media screen and (min-width:1180px) {
	.hm_desk_other section { 
		background: url("http://church.saintgreg.org/ctm/31250/projects/StGregory/gallery/2022/07/hand-letter-pastor.png") no-repeat;
	}

	.hm_desk_other section .content { 
		background: none; 
		height: 480px;
	}
}

.hm_desk_other {
	background: url("../images/background-pastor.jpg");
	
}

.hm_desk_other section { 
	position: relative;
}

.hm_desk_other section .content { 
	background: none;
}

/*--------------------------------------------  DONATIONS | RELIGIOUS EDUCATION | MINISTRIES  ------------------------*/
@media screen and (min-width: 1180px) {
	.box-ministries h1 { font-size: 40px !important; }

	.box-ministries h1::after {
		content: '-----';
		margin-left: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}

	.box-ministries h1::before {
		content: '-----';
		margin-right: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}
}

@media screen and (min-width: 880px) and (max-width: 1179px) {
	.box-ministries h1 { font-size: 34px !important; }
	/*
	.box-ministries h1::after {
		content: '---';
		margin-left: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}

	.box-ministries h1::before {
		content: '---';
		margin-right: 30px;
		letter-spacing: -9px;
		font-weight: 200;
	}
	*/
}

.boxes-btn {
	text-align: center;
	padding: 10px 5px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	color: white;
}

.box-donations {
	border: 1px solid var(--color2000);
	padding: 10px 20px;
}

.img-donations {
	margin-left: -20px;
	shape-outside: url(http://stgregory.atimo.us/ctm/31250/projects/StGregory/gallery/2020/08/icon-donate.png);
	shape-margin: 15px;
}

.box-donations h2 {
	border-bottom: 0;
	color: var(--color2000);
	font-size: 28px;
	font-weight: 300;
}

.box-donations .boxes-btn {
	background: var(--color2000);
	color: white;
	transition: all 0.2s linear;
}

.box-donations .boxes-btn:hover {
	background: #ae7e21;
	color: white;
	transition: all 0.2s linear;
}

.box-rel-education {
	border: 1px solid var(--color4000);
	padding: 10px 20px;
	margin-top: 20px;
}

.img-rel-education {
	shape-outside: url(http://stgregory.atimo.us/ctm/31250/projects/StGregory/gallery/2020/08/dove_icon-01.png);
	shape-margin: 15px;
	width: 110px;
}

.box-rel-education h2 {
	border-bottom: 0;
	font-size: 28px;
	font-weight: 300;
}

.box-rel-education .boxes-btn {
	background: var(--color4000);
	color: white;
	transition: all 0.2s linear;
}

.box-rel-education .boxes-btn:hover {
	background: var(--color1000);
	color: white;
	transition: all 0.2s linear;
}

.bg-box-ministries {
	background: url(../images/background-ministries.jpg) no-repeat top center;
	background-size: cover;
}

.box-ministries {
	padding: 20px;
}

.box-ministries h1 {
	color: white;
	text-align: center;
	font-size: 25px;
	font-weight: 400;
}

.box-ministries .flexC {
	margin: 25px 0;
}

.box-ministries .boxes-btn-ministry {
	border: 1px solid white;
	color: white;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	text-align: center;
	display: block;
	padding: 30px 0;
	font-size: 18px;
	transition: all 0.2s linear;
}

.box-ministries .boxes-btn-ministry:hover {
	background: rgba(255,255,255,0.2);
	transition: all 0.2s linear;
}

.box-ministries .boxes-btn-ministry i {
	display: block;
	margin-bottom: 10px;
	font-size: 45px;
}

.box-ministries ul li {
	margin-bottom: 10px;
}

.box-ministries ul li a {
	color: white;
	transition: all 0.2s linear;
}

.box-ministries ul li a:hover::before {
	content: '_';
	position: absolute;
	color: var(--color2000);
	font-size: 32px;
	top: 5px;
	left: 13px;
	transition: all 0.2s linear;
}

.box-ministries p {
	color: white;
}

.box-ministries .button01 {
	background: white;
	color: #071c4b;
	border: 1px solid #071c4b;
	transition: all 0.2s linear;
}

.box-ministries .button01:hover {
	background: #071c4b;
	color: white;
	border-color: white;
	transition: all 0.2s linear;
}


/*++++++++++++++++++++++++++++++  LENT  +++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 1180px) {
	/*.lent {
		height: 840px;
	}*/

	.lent section .content { max-width: 900px; }
}

@media screen and (max-width: 880px) and (min-width: 1179px) {
	/*.lent {
		height: 840px;
	}
*/
	.lent section .content { max-width: 800px; }
}

.lent {
	background-size: cover;
	background-attachment: fixed;
	background-position: center; 
	padding: 30px 0;
	margin-top: -2px;
}

.lent section .content {
	background: transparent;
	color: white;
	margin: 0 auto;
}

.lent section .content h2 {
	color: #efdc60;
}

.lent section .content li::before {
	color: #efdc60;
}