/*
Theme Name: fpcgarland Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: fpcgarland
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 2.2.1682405916
Updated: 2023-04-25 06:58:36

*/

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

@font-face {
    font-family: 'Cera-Pro-Black';
    src: url('./fonts/Cera-Pro-Black.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Cera-Pro-Bold';
    src: url('./fonts/Cera-Pro-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Cera-Pro-Light';
    src: url('./fonts/Cera-Pro-Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'Cera-Pro-Medium';
    src: url('./fonts/Cera-Pro-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

img{
    max-width:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cera-Pro-Medium';
}


body{
	font-family: 'Cera-Pro-Medium';
}

.top-header-text {
    display: flex;
    justify-content: end;
    align-items: center;
}


.header-middle-main {
    display: flex;
    justify-content: space-around;
}


#pacifica__font h2{
	font-family: "Pacifico", serif !important;
	
/* 	font-family:'Cera-Pro-Bold' !important; */
	padding: 10px;
	color:#245069 !important;
	letter-spacing: 6px;
}

.header-titles-wrapper {
    margin-right: 4rem;
    max-width: 100%;
    padding: 0;
}

.content_header {
    display: flex;
    align-items: center;
}

.address-header {
    margin-right: 16px;
}

.header-titles img {
    width: 259px;
}

/* .header-fixed .header-titles img {
    filter: invert(1);
} */

.image__logo {
    position: fixed !important;
    width: auto !important;
    left: 50%;
    transform: translateX(-50%);
	top:calc(100% - 62vh);
}

.header-footer-group.header-fixed {
    z-index: 999 !IMPORTANT;
}

.site-logo.faux-heading.fixed {
    position: absolute;
    left: 50%;
    margin: 0px;
    margin-top: 50px;
    transform: translateX(-50%);
    height: 143px;
    background: #fff;
    border-radius: 0px 0px 50% 50%;
    width: 192px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-logo.faux-heading.fixed img {
    width: 78px !important;
    height: auto;
    max-height: inherit;
}

/*header css*/

.section-inner {
    width: 100% !IMPORTANT;
}

body.home .header-titles {
    display: none;
}

.header-titles-wrapper {
    margin: 0px;
    justify-content: space-between !important;
    width: 100%;
    padding:0px 20px;
}

ul.primary-menu {
    margin: 0px !important;
}

/*header css*/


section {
    padding: 0rem 0;
}


header#site-header {
    position: absolute;
    width: 100%;
    background: transparent;
}

.top-header-txt-block p {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 0;
    font-family: Cera-Pro-Light;
}


.top-header-main {
    border-bottom: 1px solid #fff !important;
	    padding: 5px 0px;
	background:#245069;
}

.top-header-link a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #F77855;	
	text-decoration: none;
}


.section-inner {
    width: calc(100% - 8rem);
}

.site-logo.faux-heading {
    margin-left: 50px;
    margin-right: 50px;
}

ul.primary-menu li a {
    color: #fff !important;
    font-size: 15px;
    line-height: 1.2;
	letter-spacing: 0;
    text-transform: uppercase;
}


.address-header {
    font-size: 14px;
    color: #fff;
    font-family: Cera-Pro-Light;
}



.header-get-in-btn a {
    background: #01879000 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    padding: 10px 20px;
	display:block;
	
}

.header-get-in-btn a:hover{
	background:#f04414;
	border-color:#f04414;
}

.header-fixed .header-get-in-btn a {
    border-color: #000;
}

.header-fixed .header-get-in-btn a:hover {
    background:#f04414;
	border-color:#f04414;
	color:#fff !important;
}

.header-get-in-btn a{
    font-size: 14px;
        text-align: center;
    color: #fff !important;
    text-decoration: none;
}


.image__heirght img {
    height: 300px !important;
    object-fit: cover;
    width: 100%;
}


.primary-menu > li > .icon:before, .primary-menu > li > .icon:after {
    color: #fff;
}

ul.primary-menu.reset-list-style > li a:hover {
    color: #000 !IMPORTANT;
    text-decoration: none !IMPORTANT;
}

.primary-menu > li .sub-menu li a:hover {
    color: #f04414 !important;
}

div#banner__heading h2 {
    color: #fff;
    font-family: 'Cera-Pro-Light';
}

div#banner__heading h2 span {
    color: #F77855;
}

.button__groups a {
    display: inline-block;
    font-size: 14px;
    padding: 15px 0px;
    width: 165px;
    margin-right: 10px;
    color: #fff;
    border-radius: 0px;
	color:#fff;
	border-radius:4px;
}

.one__button{
	background:#038790;
}

.two__button{
	background:#F04414;
}

.three__button{
	background:#08516C;
}

.button__groups a:hover{
	background:#000;
}

.button__groups br{
	display:none;
}

/* .button__groups a:last-child {
    margin-right: 0px;
    border-color: #fff;
}

.button__groups a:nth-child(2) {
    border: 1px solid #2060A8 !important;
    background: #2060A8;
} */

/* .button__groups a:nth-child(2):hover {
    background: #000;
}

.button__groups a:last-child:hover {
    background: #2060a8;
    border-color: #2060a8;
} */

.container-fluid {
    padding: 0px 30px;
}


/*footer css*/

.container {
    max-width: 1180px;
    margin: 0 auto;
}

.footer__row {
    display: flex;
    flex-wrap: wrap;
}

.footer {
    background: #245069;
    padding: 65px 0px;
}

.footer__block {
    padding: 0px 15px;
    width: 18%;
}

.footer_1.footer__block {
/*     width: 31%; */
	width:22%;
}

.footer_3.footer__block, .footer_2.footer__block{
/* 	width:16%; */
	width:21%;
}

.footer_1.footer__block img {
    width: 147px;
}

.footer_1.footer__block .footer__section a {
    background: #f04414;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
	border-radius:4px;

}

.footer_1.footer__block .footer__section a:hover{
    background-color: #000;
}

.footer__block h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
    text-transform: uppercase;
}

.footer__block h2:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #F77855;
    width: 38px;
    height: 3px;
}

.footer__block ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer__block ul li {
    margin: 0px;
}

.footer__block ul li a {
    text-decoration: none !important;
    color: #fff;
    font-weight: 300 !important;
    font-family: 'Cera-Pro-Medium';
    font-size: 15px;
    display: block;
    padding: 5px 0px;
}

.footer__section p {
    color: #fff;
    font-size: 14px;
}

.footer__section h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
}

.footer__section h4:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #F77855;
    width: 38px;
    height: 3px;
}

.footer__block ul.social__icons {
    display: flex;
    flex-wrap: wrap;
}

.footer__block ul.social__icons li {
    margin-right: 10px;
}

.footer__block ul.social__icons li:last-child {
    margin-right: 0px;
}

.footer__block ul.social__icons li a {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    padding: 0px;
    border-radius: 50%;
    background: #fff;
    color: #2060A8;
    font-size: 19px;
    transition: 0.5s;
    border: 1px solid #fff;
}

.footer__block ul.social__icons li a:hover {
    background: transparent;
    border-color: #2060A8;
}

.footer__block ul.social__icons li a i.fa-facebook{
	color:#1877F2;
}

.footer__block ul.social__icons li a i.fa-youtube-play{
	color:#FF0000;
}

.footer_1.footer__block figure {
    margin-top: 0px !important;
    padding-top: 0px !IMPORTANT;
}

.text-center {
    text-align: center;
}

.text-center.copyright__content p {
    margin-bottom: 0px;
    font-size: 14px;
}

.copyright__text {
    background: #245069;
    color: #fff;
    padding: 10px 0px;
}



/*footer css*/


.footer__section.footer__block.social__icons__item {
    width: 100%;
}

.footer__section.footer__block.social__icons__item ul {
    justify-content: center;
}

.footer__section.footer__block.social__icons__item li.facebook a {
    background: #1877F2;
}

.footer__section.footer__block.social__icons__item li.facebook a i {
    color: #fff;
}

.footer__section.footer__block.social__icons__item ul li.youtube a {
    background: #FF0000;
}

.footer__section.footer__block.social__icons__item ul li.youtube a i {
    color: #fff;
}

.content__overlay {
    border-bottom: 3px solid #2060A8;
    padding: 20px;
    width: 93% !important;
    margin: 0 auto;
    margin-top: -61px;
    background: #ffff;
}

.content__overlay h2 {
    font-size: 18px !IMPORTANT;
}

.content__overlay h2 span {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.subscription__block {
    display: flex;
    align-items: center;
}

span.wpcf7-spinner {
    position: absolute;
}

.subscription__inner input, .subscription__inner input:focus, .subscription__inner input:active {
    background: rgba(255 255 255/10%);
    border: 1px solid #fff;
    color: #fff !important;
    padding: 0px;
    height: 47px;
    padding: 0px 18px;
    box-shadow: none;
}

.subscription__inner {
    padding: 0px 10px;
}

.subscription__inner .subscribe {
    background: #fff;
    color: #000 !important;
    font-size: 14px;
    text-decoration: none !important;
}

.subscription__inner .subscribe:hover{
    background-color: #000 !important;
    color:#fff !important;
    border-color:#000 !important;
}

.subscription__inner input::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.subscription__inner input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.subscription__inner input::placeholder {
  color: #fff;
}

.image__logo{
	transition:0.5s;
}

.image__logo img {
/*     width:375px; */
	width:700px;
	transition:0.5s;
	z-index:999999;
}

.primary-menu .icon::after{
	color:#fff !important;
}

.header-footer-group.header-fixed{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffffff !important;
}

.header-fixed ul.primary-menu li a {
    color: #000 !important;
}

.header-fixed ul.primary-menu ul.sub-menu li a {
    color: #fff !important;
}

.header-fixed .primary-menu > li > .icon:before, .header-fixed .primary-menu > li > .icon:after {
    color: #000 !important;
}

.header-fixed .address-header {
    color: #000;
}

.header-fixed .top-header-txt-block p {
    color: #000;
}

.header-fixed .top-header-main {
    border-bottom-color: #245069 !important;
}

.header-fixed .header-get-in-btn {
    border-color: #000;
}

.header-fixed .header-get-in-btn a {
    color: #000 !important;
}

.fixed.elementor-element.elementor-element-ab8b02c.image__logo.elementor-widget.elementor-widget-image.fixed {
    position: fixed;
    z-index: 999999;
    width: auto;
    left: 50%;
    top: 62px;
    transform: translateX(-50%);
    height: 129px;
    background: #fff;
    border-radius: 0px 0px 50% 50%;
    width: 192px !important;
}

.text__color a {
    color: #000;
}

.text__color a:hover {
    color: #f04414;
}

.fixed.image__logo img {
/*     filter: invert(1);
    width: 274px; */
	width: 78px;
}

.boreder__box {
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.evente__lists h3.elementor-image-box-title {
    margin: 0px;
    margin-bottom: 20px;
	font-family: 'Cera-Pro-Black' !important;
}

.evente__lists p.elementor-image-box-description {
    font-family: 'Cera-Pro-Medium' !important;
}

.title__font h2{
	font-family: 'Cera-Pro-Black' !important;
}

.evente__lists img {
    height: 250px !important;
    width: 100% !IMPORTANT;
    object-fit: cover;
}


.events-list {
    display: flex;
    flex-wrap: wrap;
}

.event-item {
    width: 33.3%;
    padding: 0px 10px;
	margin-bottom:20px;
	transition:0.5s;
}

.event-item-inner{
	transition:0.5s;
}

.event-item-inner:hover{
	box-shadow:0px 0px 20px rgba(0 0 0/20%);
}

.event-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.event-item-inner {
/*     border: 1px solid #ddd; */
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

h3.event-title {
    margin: 0px;
    font-size: 22px;
    margin-bottom: 10px;
}

.event-content {
    padding: 15px;
}

.event-content p {
    font-size: 15px;
}

.event-date-time {
    position: absolute;
    background: #fff;
    padding: 10px;
    top: 0px;
    right: 0px;
}

.event-date-time p {
    margin: 0px;
    font-size: 14px;
}

.header__topbar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.moreinfo__top.center__div {
    padding-left: 299px;
}

.header__topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__topbar ul li {
    margin-top: 0px;
}

.social__icons__top ul li {
    margin: 0px;
    margin-right: 10px;
}

.social__icons__top ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    color: #000;
}

.social__icons__top ul li i.fa-facebook {
    color: #1877F2;
}

.social__icons__top ul li i.fa-youtube-play {
    color: #FF0000;
}

.social__icons__top ul li a:hover {
    background: #000;
    color: #fff;
}

.moreinfo__top ul li{
	margin:0px;
}

.moreinfo__top ul li,.moreinfo__top ul li a {
    color: #fff;
    text-decoration: none;
/*     font-weight: 400; */
    font-family: 'Cera-Pro-Bold';
    font-size: 16px;
}

.moreinfo__top ul li a:hover{
    color:#F77855;
}

.moreinfo__top ul li strong {
    font-family: 'Cera-Pro-Bold';
}

.gradient__color h2 {
/*     background: linear-gradient(to left, #038790 14%, #f04414 52%, #08516c 91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
	display: inline-block;
}

.header-titles {
    margin-left: -369px;
}

.event-content p {
    display: none;
}

.event-content {
    background: rgba(0 0 0/50%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

h3.event-title {
    color: #fff;
    margin: 0px;
}


/* flip css */

.event-item-main {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
}

.event-item-main-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.event-item-main:hover .event-item-main-inner {
  transform: rotateY(180deg);
}

.event-item-inner, .event-item-description {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.event-item-inner {
  background-color: #bbb;
  color: black;
}

.event-item-description {
  background-color: #fff;
  color: fff;
  transform: rotateY(180deg);
	border-radius:15px;
}

.event-item-description {
    padding: 30px 15px;
    overflow: hidden;
}

.event-item-description p {
    font-size: 17px;
}

.event-image {
    height: 100%;
}

/* flip css */

@media(max-width:1200px){
	.header-titles {
		margin-left: -253px;
	}
	
	ul.primary-menu li a{
		font-size:14px;
	}
	
	.fixed.elementor-element.elementor-element-ab8b02c.image__logo.elementor-widget.elementor-widget-image.fixed{
		width:139px !Important;
	}
	
	.moreinfo__top.right__div {
		width: 303px;
	}
	
	.moreinfo__top.center__div {
		padding-left: 210px;
	}
	
		
}

@media(max-width:1100px){
	.header-titles img {
		width: 160px;
	}
	
	.site-logo.faux-heading.fixed{
		height: 118px;
		width: 146px !important;
	}
	
	.site-logo.faux-heading.fixed img{
		width:58px !Important;
	}
}


@media(max-width:1000px){
	.image__logo{
		display:none;
	}
	
	header#site-header {
		z-index: 9999;
	}
	
	header#site-header {
		z-index: 9999;
	}

	.content_header {
		display: none;
	}

	.top-header-main {
		display: none;
	}
	
	span.toggle-text {
		display: none;
	}

	nav.mobile-menu {
		padding: 0px 15px;
		padding-top:55px;
	}

	.modal-menu li {
		border: none;
	}

	nav.mobile-menu a {
		padding: 9px 0px !important;
		font-size: 20px !important;
		text-transform: uppercase;
		font-weight: 300 !important;
		color: #000;
		text-decoration:none !importamt;
	}

	.menu-bottom {
		display: none;
	}

	button.toggle.close-nav-toggle.fill-children-current-color {
		padding: 15px;
	}
	
	button.toggle.nav-toggle.mobile-nav-toggle {
		padding: 0px;
	}

	span.toggle-inner img {
		width: 32px;
		height: 30px;
		filter: invert(1);
	}
	
	.header-fixed span.toggle-inner img{
		filter:invert(0);
	}
	
	body.home .header-titles {
		display: block;
	}
	
	body.home .header-titles a img {
		width: 208px;
	}
	
	body.home .header-fixed .header-titles a img {
		filter: invert(1);
	}
	
	.header-inner {
		padding: 20px 0px;
	}

	button.toggle.nav-toggle.mobile-nav-toggle {
		width: auto;
		padding: 0px;
		top: 10px;
		height: 53px;
		right: 26px;
	}
	
	.header-titles-wrapper {
		padding-right: 0px;
	}

	.site-logo.faux-heading {
		margin: 0;
		margin-left: 15px;
	}
	
	.overflow-hidden{
		overflow:hidden;
	}
	
	.subscription__block {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.header-titles {
        margin-left: 0px;
    }
	
	.header-titles img {
        width: 237px;
    }
	
	span.toggle-inner {
		padding: 0px !IMPORTANT;
		display: block !IMPORTANT;
		height: auto !IMPORTANT;
	}
	
	.site-logo.faux-heading.fixed {
		position: static;
		transform: translate(0px, 0px);
		margin: 0px;
		height: auto;
		width: auto !IMPORTANT;
		margin-left: 14px;
	}

	.header-inner {
		padding: 10px 0px;
	}
	
}

@media(max-width:992px){
	.event-item{
		width:50%;
	}
}

@media(max-width:800px){
	.footer__block{
		width:100%;
		margin-bottom:20px;
	}
	
	.footer_1.footer__block img {
		width: 90%;
	}
	
	.footer_3.footer__block, .footer_2.footer__block, .footer_1.footer__block{
		width:100%;
	}

}

@media(max-width:600px){
	.event-item{
		width:100%;
	}
	
	.button__groups a{
		margin-bottom:15px;
	}
	
	button.toggle.nav-toggle.mobile-nav-toggle {
		height: 100%;
		top: 0px;
	}
	
	.site-logo.faux-heading.fixed img {
        width: 44px ! Important;
    }
	
	#pacifica__font h2{
		letter-spacing:4px;
	}
}

.button__groups a, .header-get-in-btn a, .footer_1.footer__block .footer__section a{
	text-transform:uppercase;
	font-family:'Cera-Pro-Medium' !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	line-height:50px;
	font-size:14px !important;
}

.header-get-in-btn a, .button__groups a{
	font-family: 'Cera-Pro-Bold' !Important;
}

.header-get-in-btn{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.header-get-in-btn a{
	padding-top:0px !important;
	padding-bottom:0px !important;
	line-height:50px;
	font-size:14px !important;
}








i, svg {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
