/*
Theme Name: Rancho Cielo
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.3
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
margin: 0;
-webkit-font-smoothing: auto;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 2.5rem;
}
hr {
box-sizing: content-box;
height: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
ol li{
margin-bottom: 20px;
}
blockquote {
background-color: #deccc4;
padding: 14px;
box-shadow: 4px 4px 8px 2px #343a405e;
}
blockquote em{
color: #801518;
}
blockquote cite:before {
content: "\2014 \2009";
}
p.wpsm-show,p.wpsm-hide {
color: #801518 !important;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*Custom color*/
.has-purple-iris-color {
color: #4D2D80;
}
.has-purple-iris-background-color {
background-color: #4D2D80;
}
.has-pastel-grey-color {
color: #DECCC5;
}
.has-pastel-grey-background-color {
background-color: #DECCC5;
}
.has-grass-green-color {
color: #469A25;
}
.has-grass-green-background-color {
background-color: #469A25;
}
.has-merlot-color {
color: #801A18;
}
.has-merlot-background-color {
background-color: #801A18;
}
.has-fuscous-grey-color {
color: #5B4F4F;
}
.has-fuscous-grey-background-color {
background-color: #5B4F4F;
}
.has-tulip-tree-color {
color: #F3AC42;
}
.has-tulip-tree-background-color {
background-color: #F3AC42;
}
.has-milk-white-color {
color: #FFFFFF;
}
.has-milk-white-background-color {
background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
color: #24292e;
font-weight: 600;
margin-top: 24px;
margin-bottom: 15px;
}
h1 {
font-size: 40px;
padding-bottom: 10px;
}
h2 {
font-size: 18pt;
font-family: "source-serif-pro", sans-serif;
font-weight: 600;
font-style: normal;
padding-bottom: 0.3em;
line-height: 1.25;
}
h3 {
font-size: 16pt;
line-height: 27px;
font-family: "source-sans-pro", sans-serif;
font-style: normal;
font-weight: 700;
}
h4 {
line-height: 28px;
font-family: "source-sans-pro", sans-serif;
font-size: 15pt;
font-style: normal;
font-weight: 700;
}
h5 {
font-size: 14px;
line-height: 17.5px;
}
p{
font-family: "source-serif-pro",serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
line-height: 1.8;
color: #594e4e;
margin-bottom: 1.5em;
}
h1.entry-title {
border-bottom: unset;
background-color: #4d2d80;
text-align: center;
color: white;
padding: 30px;
margin-top: 0px;
margin-bottom: 0;
font-size: 2.0rem;
font-family: "source-serif-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
h2.entry-title {
border-bottom: 1px solid #eaecef;
}
h3.widget-title {
font-size: 1.2rem;
}
a{
color: #801a19;
font-weight: 700;
}
a:hover{
color: #801a19;
}
/*button*/
.green-btn{
background: #469A25;
color: white;
text-transform: capitalize;
letter-spacing: 1.5px;
margin: auto;
}
a.green-btn:hover{
color: white;
text-decoration: none;
}
.green-btn p{
margin: auto;
background: #469b25;
width: 75%;
padding: 15px;
text-align: center;
color: white!important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1.5px;
}
dl, ol, ul {
font-size: 19px;
}
a.wp-block-button__link.has-grass-green-background-color.has-background.wp-element-button:hover{
color: white !important;
text-decoration: none;
background-color: #801A18;
}
.has-milk-white-background-color h1,
.has-milk-white-background-color h2,
.has-milk-white-background-color h3,
.has-milk-white-background-color h4,
.has-milk-white-background-color h5,
.has-milk-white-background-color h6{
color: #4e2c80;
margin-top: auto;
}
.has-milk-white-background-color b,
.has-milk-white-background-color strong {
/*color: #469a25;*/
}
.has-merlot-background-color h1,
.has-merlot-background-color h2,
.has-merlot-background-color h3,
.has-merlot-background-color h4,
.has-merlot-background-color h5,
.has-merlot-background-color h6,
.has-merlot-background-color p{
color: white;
margin-top: auto;
}
.has-purple-iris-background-color h1,
.has-purple-iris-background-color h2,
.has-purple-iris-background-color h3,
.has-purple-iris-background-color h4,
.has-purple-iris-background-color h5,
.has-purple-iris-background-color h6,
.has-purple-iris-background-color p{
color: white;
margin-top: auto;
}
.has-purple-iris-background-color a{
color: white;
text-decoration: underline;
}
.has-purple-iris-background-color b,
.has-purple-iris-background-color strong {
/*color: #469a25;*/
}
.has-purple-iris-background-color dl,
.has-purple-iris-background-color ol,
.has-purple-iris-background-color ul{
color: white;
}
.has-pastel-grey-background-color h1,
.has-pastel-grey-background-color h2,
.has-pastel-grey-background-color h3,
.has-pastel-grey-background-color h4,
.has-pastel-grey-background-color h5,
.has-pastel-grey-background-color h6{
color: #801a19;
margin-top: auto;
}
.has-pastel-grey-background-color p{
color: black;
margin-top: auto;
}
.has-pastel-grey-background-color b,
.has-pastel-grey-background-color strong {
/*color: #801a19;*/
}
.has-pastel-grey-background-color dl,
.has-pastel-grey-background-color ol,
.has-pastel-grey-background-color ul{
color: black;
}
.has-grass-green-background-color h1,
.has-grass-green-background-color h2,
.has-grass-green-background-color h3,
.has-grass-green-background-color h4,
.has-grass-green-background-color h5,
.has-grass-green-background-color h6,
.has-grass-green-background-color p{
color: white;
margin-top: auto;
}
.has-grass-green-background-color dl,
.has-grass-green-background-color ol,
.has-grass-green-background-color ul{
color: white;
}
.has-grass-green-background-color b,
.has-grass-green-background-color strong {
/*color: #4e2c80;*/
}
.has-grass-green-background-color .wp-block-button a{
background-color: #4e2c80;
}
.wp-block-button a{
border-radius: 0px;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1.5px;
}
dl, ol, ul {
font-family: "source-serif-pro",serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
line-height: 1.8;
color: #594e4e;
margin-bottom: 1.5em;
text-align: left !important;
}
article ul li::marker {
/*content: "\25CB";*/
color: #f3ac42;
font-weight: bold;
display: inline-block;
width: 1.2em;
font-size: 26px;
margin-left: -1em;
}
.alignright {
display: inline;
float: none !important;
text-align: center;
margin: auto !important;
}
@media screen and (min-width: 425px) {
.alignright {
display: inline;
float: right !important;
margin-left: 1.5em !important;
}
}
@media screen and (min-width: 500px) {
h1.entry-title {
font-size: 2.5rem;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 20pt;
line-height: 47px;
}
h4 {
line-height: 28px;
}
}
@media screen and (min-width: 768px) {
.green-btn p{
width: 44%;
}
h1.entry-title {
font-size: 2.8rem;
}
h2 {
font-size: 30pt;
}
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
tbody {
vertical-align: top;
}
.table-wrapper {
width: 100%;
/* max-width: 500px; */
overflow-x: auto;
}
.table-wrapper table {
width: 100%;
table-layout: fixed;
}
@media screen and (max-width: 600px) {
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.page-id-10 header#masthead{
background-color: #deccc4eb;
}
header#masthead {
margin-bottom: 0;
background-color: #deccc4;
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 40%), inset 0 -1px 0 rgb(0 0 0 / 38%);
padding: 0rem 1rem 1rem;
position: fixed;
z-index: 11;
width: 100%;
top: 0px;
}
.navbar-brand > a {
color: rgba(0, 0, 0, 0.9);
font-size: 1.1rem;
outline: medium none;
text-decoration: none;
color: #fff;
font-weight: 700;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
text-decoration: none;
}
#page-sub-header {
position: relative;
padding-top: 5rem;
padding-bottom: 0;
text-align: center;
font-size: 1.25rem;
background-size: cover !important;
}
body:not(.theme-preset-active) #page-sub-header h1 {
line-height: 1.6;
font-size: 4rem;
color: #563e7c;
margin: 0 0 1rem;
border: 0;
padding: 0;
}
#page-sub-header p {
margin-bottom: 0;
line-height: 1.4;
font-size: 1.25rem;
font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
color: #333;
font-size: 2.6rem;
display: inline-block;
margin-top: 2rem;
}
.header-button{
display: none;
}
li#menu-item-937 {
width: 50%;
display: inline-block;
float: left;
}
li#menu-item-937 a{
border-bottom: unset;
background: #469a25;
text-align: center;
margin-top: 10px;
color: white;
}
li#menu-item-938 {
width: 50%;
display: inline-block;
float: right;
}
li#menu-item-938 a{
border-bottom: unset;
background: #469a25;
text-align: center;
margin-top: 10px;
color: white;
}
.menu-item-search {
display: block;
width: 100%;
clear: both;
}
.menu-item-search label{
border-bottom: unset !important;
background: unset !important;
}
.menu-item-search .form-control{
width: 100%;
margin-top: 17px;
height: 49px;
border: 2px solid white;
background-color: #deccc5;
}
.search-icon{
display: none;
}
.menu-item-lang{
width: 100%;
margin: 35px auto auto 0px;
}
.menu-item-lang select.gt_selector.notranslate{
border: 2px solid white;
background-color: #deccc5;
color: #ffffff;
position: unset;
}
.desktop-lang{
display: none;
}
.page-id-10 #content {
margin-top: 110px;
}
div#content {
margin-top: 113px;
}
@media screen and (min-width: 468px) {
nav .m-menu {
width: 440px !important;
padding: unset !important;
}
}
@media screen and (min-width: 768px) {
body:not(.theme-preset-active) #page-sub-header h1 {
font-size: 3.750rem;
}
body:not(.theme-preset-active) #page-sub-header {
font-size: 1.25rem;
}
.page-id-10 #content {
margin-top: 0px;
}
}
@media screen and (min-width: 790px) {
.header-button {
display: block;
}
.header-button a.wp-block-button__link.has-grass-green-background-color.has-background.wp-element-button:hover{
background-color: #801A18;
}
li#menu-item-938 {
display: none;
}
li#menu-item-937 {
display: none;
}
.search-icon {
display: block;
}
.menu-item-search {
display: none;
}
.menu-item-lang {
display: none;
}
.desktop-lang {
display: block;
}
header#masthead {
padding: 1.5rem 1rem;
}
.page-id-10 #content {
margin-top: 145px;
}
div#content {
margin-top: 140px;
}
}
@media screen and (min-width: 992px) {
#page-sub-header p {
max-width: 43rem;
margin: 0 auto;
}
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
padding-left: 0;
padding-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #cdbfe3;
padding: 0.5rem;
font-weight: 500;
font-size: 0.875rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #fff;
font-weight: 600;
/*background: #f9f9f9;*/
}
.navbar-brand {
height: auto;
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 0px;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
width: 88%;
}
.navbar-brand img {
width: 100%;
}
.navbar-toggle .icon-bar {
background: #000 none repeat scroll 0 0;
}
@media screen and (min-width: 500px) {
.navbar-brand img{
width: 66%;
}
}
@media screen and (min-width: 787px) {
.navbar-brand {
margin-right: auto;
width: auto;
}
.navbar-brand img {
width: 80%;
margin-top: -20px;
}
}
@media screen and (min-width: 1200px) {
}
.dropdown-menu .dropdown-toggle::after {
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
border-top: 0.3em solid transparent;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
position: relative;
display: inline-block;
/*width: 75%;*/
text-align: left;
padding: 0 0px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children a{
/*width: 100%;*/
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
top: 0;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children .sub-menu-visible >.dropdown-menu {
display: block;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
display: block;
content: none;
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
/*border-left-color: #fff;*/
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
float: none;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.dropdown-item {
line-height: 1.2;
padding-bottom: 0.313rem;
padding-top: 0.313rem;
}
.dropdown-menu {
min-width: 12.500rem;
}
.dropdown .open .dropdown-menu {
display: block;
left: 12.250em;
top: 0;
}
.dropdown-menu .dropdown-item {
white-space: normal;
background: transparent;
line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
background: transparent;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
@media screen and (min-width: 769px) {
.dropdown-menu li > .dropdown-menu {
right: -9.875rem;
top: 1.375rem;
}
}
@media screen and (max-width: 991px) {
.navbar-nav .dropdown-menu {
border: medium none;
margin-left: 1.250rem;
padding: 0;
}
.dropdown-menu li a {
padding: 0;
}
#masthead .navbar-nav > li > a {
padding-bottom: 0.625rem;
padding-top: 0.313rem;
}
.navbar-light .navbar-toggler {
border: medium none;
outline: none;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
border: 1px solid #ddd;
border-radius: 0.938rem;
display: inline-block;
padding: 0.313rem 0.875rem;
text-decoration: none;
}
.post-navigation .nav-next a::after {
content: " \2192";
}
.post-navigation .nav-previous a::before {
content: "\2190 ";
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #eee none repeat scroll 0 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
font-size: 0.875rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget_search .search-form input[type="submit"] {
display: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: #eee;
text-decoration: none;
}
.half-rule {
width: 6rem;
margin: 2.5rem 0;
}
.widget_categories .nav-link {
display: inline-block;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
padding-bottom: 3.75rem;
padding-top: 4.125rem;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 1.563rem;
left: -2.5rem;
position: absolute;
top: 0.375rem;
font-weight: 900;
}
.sticky .entry-title {
position: relative;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
margin-top: 0;
}
.post.hentry {
margin-bottom: 4rem;
}
.posted-on, .byline, .comments-link {
color: #9a9a9a;
}
.entry-title > a {
color: inherit;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list .comment {
display: block;
}
.comment-list {
padding-left: 0;
}
.comments-title {
font-size: 1.125rem;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
border: medium none;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 0.313rem 0.313rem 0;
text-align: center;
}
.wp-caption img[class*="wp-image-"] {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.688rem;
line-height: 1.063rem;
margin: 0;
padding: 0.625rem;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item .gallery-columns-2 {
max-width: 50%;
}
.gallery-item .gallery-columns-3 {
max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
max-width: 25%;
}
.gallery-item .gallery-columns-5 {
max-width: 20%;
}
.gallery-item .gallery-columns-6 {
max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
width: 8.313rem !important;
}
.variations_form .variations .value > select {
margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
max-width: 100%;
}
/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
display: none;
}
.elementor-page.page-template-fullwidth #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.elementor-page .entry-content {
margin-top: 0;
}
/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
display: none;
}
.vc_desktop #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.vc_desktop .entry-content {
margin-top: 0;
}
/*--------------------------------------------------------------
# Menu Bar
--------------------------------------------------------------*/
.menu-green-btn{
display: none;
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
padding: 0.5rem 1rem;
justify-content: space-between;
}
nav {
height: 100px;
padding: 0 16px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
/* fade in checked menu */
}
nav .m-menu__checkbox {
display: none;
}
nav label.m-menu__toggle {
cursor: pointer;
}
nav .m-menu {
position: fixed;
top: 0px;
padding: 0px 35px 0px 0px;
height: 100%;
left: 0;
width: 100%;
-moz-transform: translate3d(-450px, 0, 0);
-o-transform: translate3d(-450px, 0, 0);
-ms-transform: translate3d(-450px, 0, 0);
-webkit-transform: translate3d(-450px, 0, 0);
transform: translate3d(-450px, 0, 0);
-moz-transition: transform 0.35s;
-o-transition: transform 0.35s;
-webkit-transition: transform 0.35s;
transition: transform 0.35s;
z-index: 50;
overflow: hidden;
background-color: #deccc5;
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 40%), inset 0 -1px 0 rgb(0 0 0 / 38%);
}
nav .m-menu__overlay {
position: absolute;
top: 0;
width: 100%;
bottom: 0;
z-index: 1;
display: none;
}
nav .m-menu__header {
padding: 0 16px;
height: 50px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around;
-webkit-align-items: center;
align-items: center;
border-bottom: 1px solid #e8e8e8;
justify-content: flex-start;
}
nav .m-menu__header span {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
width: 100%;
}
.m-menu__header{
display: flex;
flex-direction: row;
justify-content: flex-end !important;
padding-right: 30px !important;
}
nav .m-menu .m-menu {
-moz-transform: translate3d(480px, 0, 0);
-o-transform: translate3d(480px, 0, 0);
-ms-transform: translate3d(480px, 0, 0);
-webkit-transform: translate3d(480px, 0, 0);
transform: translate3d(0px, 0, 0);
}
nav .m-menu ul {
height: 100%;
overflow-y: auto;
padding-left: 20px;
position: relative;
z-index: 1;
list-style: none;
}
.dropdown-toggle::after {
content: "";
position: absolute;
display: inline-block;
height: 10px;
width: 10px;
border-color: #333;
border-style: solid;
border-width: 1px 1px 0 0;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -5px;
right: 16px;
}
nav .m-menu ul li .-invisible {
border-bottom: 0;
}
nav .m-menu .m-menu label.m-menu__toggle {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
border-bottom: 0;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
nav .m-menu__checkbox:checked ~ .m-menu__overlay {
display: block;
}
nav .m-menu__checkbox:checked ~ .m-menu {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wrapper {
width: 480px;
height: 667px;
margin: 0 auto;
overflow: hidden;
background-color: #fff;
position: relative;
}
@media screen and (min-width: 1000px) {
.menu-green-btn{
background: #469A25;
color: white;
text-transform: capitalize;
letter-spacing: 1.5px;
width: auto;
display: block;
}
.menu-green-btn:hover{
color: white;
}
.menu-green-btn p{
margin: auto;
background: #469b25;
padding: 5px 15px;
text-align: center;
color: white!important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
.enroll-btn{
margin-right: 10px;
}
}
.dropdown-toggle::after{
content: none;
}
.dropdown{
position: relative;
width: 100%;
}
.menu-item::marker{
content: none;
}
nav .m-menu ul li a, nav .m-menu ul li label{
display: inline-block;
width: 75%;
text-align: left;
padding: 0 0px;
line-height: 47px;
font-size: 21px;
text-decoration: none;
color: #4e2c80;
cursor: pointer;
border-bottom: 1px solid #e8e8e8;
position: relative;
background: #deccc5;
font-weight: 500;
}
nav .m-menu ul li a:hover{
color: #801A18;
}
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
button.toggle.sub-menu-toggle.fill-children-current-color {
display: inline-block;
width: 75px;
background: none;
border: unset;
fill: #469a25;
transform: scaleY(1);
}
button.toggle.sub-menu-toggle.fill-children-current-color.sub-menu-visible{
transform: scaleY(-1);
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children button.toggle.sub-menu-toggle.fill-children-current-color {
display: inline-block;
width: 60px;
background: none;
border: unset;
fill: #469a25;
transform: scaleY(1);
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children button.toggle.sub-menu-toggle.fill-children-current-color.sub-menu-visible{
transform: scaleY(-1);
}
}
@supports not (-webkit-touch-callout: none) {
/* CSS for other than iOS devices */
button.toggle.sub-menu-toggle.fill-children-current-color {
display: inline-block;
width: 45px;
max-width: 46px;
min-width: 44px;
background: none;
border: unset;
fill: #469a25;
transform: scaleY(1);
}
button.toggle.sub-menu-toggle.fill-children-current-color.sub-menu-visible{
transform: scaleY(-1);
}
}
.dropdown-menu {
display: none;
float: left;
width: 100%;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #deccc4;
background-clip: padding-box;
border: none;
border-radius: 0.25rem;
position: relative;
}
.dropdown-menu li a{
color: #469a25 !important;
}
/*nav .m-menu::after {*/
/* content: url(../public_html/wp-content/themes/rancho-cielo/inc/assets/svg/menu-logov2.svg);*/
/* display: inline-block;*/
/* width: 100px;*/
/* height: 100px;*/
/* position: absolute;*/
/* bottom: 60px;*/
/* margin: auto;*/
/* left: -466px;*/
/* right: 0px;*/
/*}*/
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.owl-carousel{
z-index: 0;
}
.header #custom-bg{
height: 500px;
background-size: cover;
background-position:center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.header{
padding-bottom: 25px;
max-width: 1600px;
margin: auto;
}
.header .title-sec{
margin-top: -8px;
text-align: center;
padding: 17px;
width: 100%;
position: relative;
}
.header .title-sec h1{
color: white;
font-family: "source-serif-pro", serif;
font-size: 2.5rem;
font-weight: 400;
letter-spacing: 0px;
margin: auto;
}
.header .intro-sec{
width: 90%;
text-align: center;
}
.intro-sec p{
/*font-size: 1.3rem;*/
}
h2.mission-title {
color: #4e2c80 !important;
font-size: 1.7rem !important;
margin-bottom: 15px !important;
padding-bottom: 0px;
width: 50% !important;
border-bottom: 3px solid #F3AC42;
}
.header .intro-sec h2{
font-family: "source-serif-pro", serif;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.5;
color: #5B4F4F;
margin: auto;
}
.programs-sec {
text-align: center;
max-width: 1400px;
margin: auto;
width: 100%;
}
.programs-sec hr{
width: 83%;
float: left;
border-top: 3px solid #F3AC42;
margin-top: 30px;
}
.programs-sec .row{
margin: auto;
}
.programs-sec .col-md-5{
padding: unset;
}
.programs-sec .col-md-7{
padding: unset;
}
.programs-sec h2{
font-weight: 600;
font-style: normal;
letter-spacing: 0px;
color: #4D2D80;
opacity: 1;
text-align: center;
font-size: 36pt;
margin: auto;
}
.programs-sec p{
text-align: center;
font-family: "source-serif-pro", serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0px;
color: #5B4F4F;
opacity: 1;
}
/*Program Carousel*/
.programs-slider{
max-width: 1400px;
margin: auto;
}
#programOwl .main-img {
height: 330px;
aspect-ratio: 1/1;
object-fit: cover;
box-shadow: 4px 4px 8px 2px #343a405e;
}
#programOwl .owl-stage {
margin-top: 87px;
}
/*Main Image*/
#programOwl .owl-item.active.center .main-img {
transform: scale(1.15);
opacity: 1;
width: 86%;
margin: -28px auto 36px auto;
}
/*Title*/
#programOwl .owl-item.firstside h4,
#programOwl .owl-item.leftside h4,
#programOwl .owl-item.rightside h4,
#programOwl .owl-item.lastside h4{
display: none;
}
#programOwl .owl-item.active.center h4 {
letter-spacing: 1.2px;
color: #4C2C7F;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%;
font-size: 21px;
font-family: "source-sans-pro", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 1.2px;
line-height: 27px;
padding: 4px;
}
.center .item h4 {
padding: 20px 76px;
margin: auto;
text-align: center;
color: #4e2c80;
}
/*Copy*/
#programOwl .copy-sec{
display: none;
}
#programOwl .owl-item.active.center .copy-sec{
display: block;
margin-top: 0px;
text-align: center;
font-weight: 600;
letter-spacing: 0px;
color: #5B4F4F;
}
#programOwl .item{
width: 500px;
}
/*Button*/
#programOwl .green-btn p{
display: none;
}
#programOwl .owl-item.active.center .green-btn p {
display: block;
width: 75%;
}
#programOwl .wp-block-button a{
display: none;
}
#programOwl .owl-item.active.center .wp-block-button a{
display: block;
}
#programOwl .wp-block-columns{
flex-direction: column-reverse;
padding-top: 60px;
}
#programOwl .owl-dots{
display: none;
}
#programOwl .customPrevBtn, #programOwl .customNextBtn{
width: 73px;
background: none;
border: none;
}
#programOwl .owl-item.firstside .customPrevBtn,
#programOwl .owl-item.leftside .customPrevBtn,
#programOwl .owl-item.rightside .customPrevBtn,
#programOwl .owl-item.lastside .customPrevBtn,
#programOwl .owl-item.firstside .customNextBtn,
#programOwl .owl-item.leftside .customNextBtn,
#programOwl .owl-item.rightside .customNextBtn,
#programOwl .owl-item.lastside .customNextBtn{
display: none;
visibility: hidden;
opacity: 0;
}
#programOwl .owl-item.active.center .owl-nav {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.icon-mobile img{
display: none !important;
}
#programOwl .owl-item.active.center .icon-mobile img{
margin: auto;
transform: none;
box-shadow: none;
object-fit: contain;
width: 198px;
height: 218px;
display: block !important;
}
#programOwl .owl-item.active.center .bordered{
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23F2AC42FF' stroke-width='5' stroke-dasharray='17%2c 16' stroke-dashoffset='27' stroke-linecap='round'/%3e%3c/svg%3e");
border-radius: 100px;
width: 125px;
height: 125px;
position: absolute;
top: 10px;
right: 43px;
left: auto;
}
#programOwl .mobile-icon {
display: block;
}
.desktop-nav .owl-nav {
bottom: 23px;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
z-index: 1;
display: block;
}
.desktop-nav .owl-nav .customPrevBtn,
.desktop-nav .owl-nav .customNextBtn{
width: 73px;
background: none;
border: none;
}
/*Event Slider*/
.event-sec {
margin-top: 30px;
position: relative;
}
.event-sec :where(.wp-block-columns.is-layout-flex){
gap: 0em !important;
}
.event-sec .wp-block-columns {
overflow: hidden;
background-color: #efe6e2;
}
.event-sec .image-sec {
/*background-color: #4d2d80;*/
height: 400px;
flex-basis: 60.66% !important;
max-width: 1400px;
margin: auto;
}
.event-sec .copy-sec{
background-color: #efe6e2;
flex-basis: 39.33% !important;
max-width: 1400px;
margin: auto;
}
.event-sec .copy-inner{
padding: 30px 20px;
text-align: center;
/*position: relative;*/
}
.event-sec .copy-inner ul{
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
list-style-type: none;
}
.event-sec .copy-inner input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-right: 15px;
}
input[type='radio'] {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
outline: none;
border: 3px solid #F3AC42;
}
input[type='radio']:before {
content: '';
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
input[type="radio"]:checked:before {
background: #F3AC42;
}
input[type="radio"]:checked {
border-color:#F3AC42;
}
#content1, #content2, #content3 {
display:none;
}
#toggle1:checked ~ #content1 {
display: block;
}
#toggle2:checked ~ #content2 {
display: block;
}
#toggle3:checked ~ #content3 {
display: block;
}
.event-sec h2.mobile-title {
text-align: center;
letter-spacing: 0px;
color: #4D2D80;
display: block;
font-size: 2.5rem;
margin: auto;
padding: 15px;
}
#image2, #image3 {
display:none;
}
#image1 img, #image2 img, #image3 img {
width: 100%;
height: 316px;
aspect-ratio: 1/1;
object-fit: cover;
}
.event-sec .copy-inner a:hover{
text-decoration: none;
}
.event-sec .copy-inner p{
color: #5B4F4F;
font-weight: 600;
font-family: "source-sans-pro", sans-serif;
font-size: 18px;
margin-top: 24px;
margin-bottom: 0px;
text-transform: capitalize;
letter-spacing: 1.26px;
}
.event-sec .copy-inner h4{
color: #5B4F4F;
margin-top: 0px;
font-family: "source-serif-pro", serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
letter-spacing: 0px;
line-height: 25px;
}
#programOwl .owl-item.active.center .outer-box {
display: none;
}
div#desktop1, div#desktop2, div#desktop3{
display: none;
}
h2.desktop-title {
display: none;
}
hr.arrow-hr{
display: none;
}
.desktop-box {
display: none;
}
/*Dinning Section*/
.dining-sec .dining-img-mobile {
text-align: center;
display: block;
}
.dining-sec .dining-img-mobile h4{
text-transform: uppercase;
letter-spacing: 1.78px;
color: #4D2D80;
font-weight: 900;
font-size: 29px;
margin-bottom: 0px;
}
.dining-sec .dining-img-mobile h3{
font-weight: 900;
text-transform: capitalize;
letter-spacing: 1.78px;
color: #4D2D80;
text-align: center;
margin: auto;
font-size: 30pt;
line-height: 41px;
}
.dining-sec .dining-img-mobile hr{
border-top: 4px solid rgb(242 172 66);
width: 90%;
float: right;
margin-right: 0%;
margin-bottom: 30px;
}
.dining-sec .dining-img-sec{
text-align: center;
}
.dining-sec #diningImage1 img,
.dining-sec #diningImage2 img,
.dining-sec #diningImage3 img{
width: 100%;
height: 316px;
aspect-ratio: 1/1;
object-fit: cover;
box-shadow: 4px 4px 8px 2px #343a405e;
margin-bottom: 35px;
}
.dining-sec #diningImage2,
.dining-sec #diningImage3{
display: none;
}
.dining-sec input[type='radio'] {
text-align: center;
margin-right: 15px;
}
.dining-sec .dining-copy-sec p{
text-align: center;
font-weight: 600;
letter-spacing: 0px;
color: #5B4F4F;
padding: 15px;
margin-top: -20px;
}
.dining-sec .dining-copy-sec .green-btn p{
color: white !important;
}
.dining-sec .dining-img-desktop{
display: none;
}
.dining-copy-sec .dining-copy-desktop{
display: none;
}
/*Happening Section*/
/*.happening-sec {*/
/* margin-top: 100px;*/
/*}*/
.happening-sec .wp-block-columns {
flex-direction: column-reverse;
background: #4e2c81;
}
.happening-sec h3.happening-title-mobile{
text-align: center;
letter-spacing: 0px;
color: #FFFFFF !important;
display: block;
font-size: 2.5rem;
margin-bottom: 25px;
font-weight: 600;
}
.happening-sec .happening-copy-sec{
text-align: center;
position: relative;
flex-basis: 60.66% !important;
}
.happening-sec #happeningImage1 img,
.happening-sec #happeningImage2 img,
.happening-sec #happeningImage3 img{
width: 351px;
height: 278px;
aspect-ratio: 1/1;
object-fit: cover;
box-shadow: 4px 4px 8px 2px #0000005e;
margin-bottom: 35px;
margin-top: 35px;
position: relative;
z-index: 1;
}
.slider-btn{
padding-top: 45px;
}
@media screen and (min-width: 500px){
.happening-sec #happeningImage1 img,
.happening-sec #happeningImage2 img,
.happening-sec #happeningImage3 img{
width: 400px;
height: 300px;
aspect-ratio: 1/1;
object-fit: cover;
box-shadow: 4px 4px 8px 2px #0000005e;
margin-bottom: 35px;
margin-top: 35px;
position: relative;
z-index: 1;
}
.desktop-nav .owl-nav {
bottom: 57px;
}
.slider-btn {
padding-top: 82px;
}
.dining-sec .dining-img-mobile hr{
width: 111%;
margin-right: -24%;
}
}
.happening-sec #happeningImage2,
.happening-sec #happeningImage3 {
display: none;
}
.happening-sec .happening-list-sec {
text-align: center;
margin-bottom: 45px;
flex-basis: 39.33% !important;
margin-top: 80px;
}
.happening-sec input[type='radio'] {
box-sizing: border-box;
padding: 0;
margin-right: 15px;
}
.happening-sec h2.happening-title-desktop{
display: none;
}
.happening-sec #happening-desktop1,
.happening-sec #happening-desktop2,
.happening-sec #happening-desktop3{
display: none;
}
.happening-copy-sec p{
color: white;
}
#happening-content1, #happening-content2, #happening-content3 {
display:none;
margin-top: 30px;
}
#happening-toggle1:checked ~ #happening-content1 {
display: block;
}
#happening-toggle2:checked ~ #happening-content2 {
display: block;
}
#happening-toggle3:checked ~ #happening-content3 {
display: block;
}
#happening-content1 p,
#happening-content2 p,
#happening-content3 p{
text-align: center;
color: #FFFFFF;
font-size: 22px;
line-height: 1.3;
padding: 0px 15px;
margin-bottom: 15px;
text-transform: capitalize;
letter-spacing: 1.5px;
}
#happening-content1 a,
#happening-content2 a,
#happening-content3 a{
color: #FFFFFF;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 19px;
text-decoration: none;
border-bottom: 2px solid #ffffff;
width: fit-content;
transition-delay: 1.2s;
}
.happening-sec .happening-img-group .col-md-6.date-title-sec {
display: none;
}
.happening-sec .happening-img-group .col-md-6.image-sec {
max-width: 100%;
margin: auto;
}
.happening-sec .happening-img-group p.copy-desktop {
display: none;
}
.happening-sec .happening-img-group a.copy-desktop-a {
display: none;
}
.box {
height: 300px;
width: 257px;
position: relative;
margin: auto;
}
.box:before,
.box:after {
content:"";
position: absolute;
height: 100%;
width: 100%;
}
.five:before,
.five:after {
bottom: -3px;
left: 26px;
}
.five:before {
border-top: 2px dashed rgb(242 172 66);
border-right: 2px dashed rgb(242 172 66);
}
.five:after {
border-bottom: 2px dashed rgb(242 172 66);
border-left: 2px dashed rgb(242 172 66);
}
/*Get Involved Section*/
.get-involved-sec {
position: relative;
}
.get-involved-sec h2{
font-size: 2.5rem;
margin-bottom: 35px;
color: #4D2D80;
text-align: center;
background: white;
position: relative;
z-index: 1;
width: max-content;
padding: 0px 10px;
transform: translate(-50%, -50%);
top: 29px;
left: 50%;
}
.get-involved-sec hr{
border-top: 3px solid rgb(242 172 66);
width: 85%;
position: absolute;
transform: translate(-50%, -50%);
top: 15px;
left: 50%;
}
.get-involved-sec .accordion {
background-color: #efe6e1;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
outline: none;
transition: 0.4s;
margin-bottom: 12px;
text-align: center;
}
.get-involved-sec .active, .accordion:hover {
background-color: #efe6e1;
}
.get-involved-sec .accordion h3{
letter-spacing: 0px;
color: #4D2D80;
margin: auto;
font-size: 2rem;
font-family: "source-serif-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
.get-involved-sec .panel {
background-color: white;
display: none;
overflow: hidden;
margin-top: -12px;
margin-bottom: 25px;
}
.get-involved-sec .panel img {
width: 100%;
height: 300px;
object-fit: cover;
}
.get-involved-sec .panel .inner-copy {
padding: 13px 20px;
text-align: center;
}
.get-involved-sec .panel .inner-copy p{
color: #5B4F4F;
}
/*Sponsors Section*/
.sponsors-sec {
margin-bottom: 40px;
}
.sponsors-sec h4{
color: #4D2D80;
text-align: center;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1.78px;
}
#owl-carousel-sponsors .owl-item img{
display: block;
width: 100%;
padding: 15px;
height: 130px;
object-fit: contain;
}
/*Search*/
.search-icon {
position: absolute;
top: -12px;
right: 148px;
}
#search-form {
display: none;
position: absolute;
top: -32%;
right: 24px;
z-index: 999;
}
#search-form .search-field::placeholder {
color: white;
opacity: 1; /* Firefox */
}
#search-form .search-field::-ms-input-placeholder { /* Edge 12 -18 */
color: white;
}
.search-toggle {
cursor: pointer;
color: white;
}
.form-control {
display: block;
width: 150px;
height: calc(1.5em + 0.75rem + 0px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: white;
background-color: #e6d9d3;
background-clip: padding-box;
border-bottom: 2px solid white;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form.search-form{
display: flex;
height: 40px;
}
input.search-submit.btn.btn-default {
background: #479b24;
color: white;
}
/*Pop-up Window*/
.window-sec {
text-align: center;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index: 999;
width: 80%;
height: auto;
}
button#closePopup {
margin: auto;
background: #469b25;
padding: 5px 26px;
text-align: center;
color: white!important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
border: unset;
}
/*Student Services*/
.services-list-sec img{
height: 350px;
object-fit: cover;
aspect-ratio: 2;
}
.services-list-sec .panel-program span p {
text-align: left !important;
}
.services-list-sec .panel-program .green-btn{
width: 50%;
}
.services-list-sec .panel-program .green-btn p{
width: 90%;
}
/*Student Services Individual*/
.services-individual .accordion-program{
background-color: #4d2d80 !important;
color: white !important;
}
a.white-btn p{
margin: auto;
background: #469b25;
width: 75%;
padding: 15px;
text-align: center;
color: white!important;
text-transform: uppercase;
}
a.white-btn:hover{
text-decoration: none;
}
/*Dining Landing*/
#owl-carousel-header-slider img{
max-height: 350px;
width: 100%;
max-width: 1600px;
margin: auto;
object-fit: cover;
object-position: center;
aspect-ratio: 2;
}
#owl-carousel-header-slider .owl-dots {
margin-top: -29px;
z-index: 1;
position: relative;
}
#owl-carousel-header-slider .owl-dots .owl-dot.active span,
#owl-carousel-header-slider .owl-dots .owl-dot:hover span{
background-color: rgb(242 172 66);
}
.reservation-sec h3{
margin-top: 0px;
text-align: center;
}
.out-box{
box-shadow: 4px 4px 8px 2px #343a405e;
padding: 16px;
}
.reservation-sec .green-btn{
background: #4e2c80;
}
.reservation-sec .green-btn p {
width: 75%;
background: #4e2c80;
}
.button-sec .wp-block-columns {
gap: 2em;
}
.button-sec .wp-block-column {
background: #479b26;
padding: 0px;
}
.button-sec .green-btn p{
width: 95%;
font-size: 1.5rem;
}
.directions-sec h2{
background-color: #4d2d80;
text-align: center;
color: white;
padding: 20px;
margin-top: 0px;
margin-bottom: 20px;
}
.directions-sec .wp-block-columns {
gap: 2em;
flex-direction: column-reverse;
}
.directions-sec .green-btn{
background: #4e2c80;
}
.directions-sec .green-btn p {
width: 75%;
background: #4e2c80;
}
.last-sec{
text-align: center;
background: #deccc4;
padding: 16px;
}
.last-sec .wp-block-columns {
gap: 2em;
}
.last-sec .green-btn p {
width: 70%;
}
/*Custom Page*/
.main-content .custom-intro-sec{
/*text-align: center;*/
}
.main-content .custom-intro-sec .green-btn {
width: 50% !important;
}
.main-content .custom-intro-sec .green-btn p {
width: auto !important;
}
.main-content .green-btn p{
width: 75%;
}
.center-sec{
text-align: center;
background: #deccc4;
padding: 15px;
}
.center-sec h3{
font-size: 1.8rem;
color: #4e2c80;
}
.center-sec .green-btn {
width: 50% !important;
}
.center-sec ul{
text-align: justify;
}
.custom-accordion-sec h3{
background-color: #4d2d80;
text-align: center;
color: white;
padding: 20px;
margin-bottom: 20px;
}
.sub-header-acc{
text-align: center;
}
.additional-sec strong{
color: #4d2d80;
margin: auto;
}
.additional-sec h1,
.additional-sec h2,
.additional-sec h3,
.additional-sec h4{
margin: auto;
}
.additional-sec p:first-child{
margin-top: 20px;
}
.additional-sec a{
margin: auto;
background: #469b25;
padding: 11px 15px;
text-align: center;
color: white!important;
}
.additional-sec .sub-header-sec{
background-color: #4e2c80;
padding: 10px;
}
.additional-sec .sub-header-sec h2{
color: white;
}
/*Widget Slider*/
.widget-slider .title-sec{
background-color: #4e2c80;
padding: 15px;
margin-bottom: 10px;
}
.widget-slider .title-sec h2 {
color: white;
margin: auto;
padding: 3px;
}
#gallery-slider img{
max-height: 490px;
width: 85%;
max-width: 1600px;
margin: auto;
object-fit: cover;
object-position: center;
aspect-ratio: 2;
}
#gallery-slider .owl-dots {
margin-top: -29px;
z-index: 1;
position: relative;
}
#gallery-slider .owl-dots .owl-dot.active span,
#gallery-slider .owl-dots .owl-dot:hover span{
background-color: rgb(242 172 66);
}
/*Widget Content*/
.one-col{
padding: 25px 10px 25px 10px;
/*margin-top: 20px;*/
}
.one-col img{
box-shadow: 4px 4px 8px 2px #343a405e;
}
/*Widget Two Columns*/
.two-col{
padding: 25px 10px 25px 10px;
}
.two-col .wp-block-column{
text-align: center;
}
.two-col .wp-block-column h3{
border-bottom: 2px solid #f2ac42;
width: 80%;
margin: 10px auto;
}
/*Widget Three Columns*/
.three-col{
padding: 25px 10px 25px 10px;
margin-top: 20px;
}
.three-col .wp-block-column{
text-align: center;
}
.three-col .wp-block-column h3{
border-bottom: 2px solid #f2ac42;
width: 80%;
margin: 10px auto;
}
/*Widget No Image Accordion*/
.no-img-accordion-sec {
margin-top: 20px;
}
.no-img-accordion-sec .bottom-sec{
margin-top: 20px;
}
.no-img-accordion-sec .purple .accordion-course{
background-color: #4e2c80;
color: white;
margin-bottom: 10px;
}
.no-img-accordion-sec .purple .panel-course{
border-bottom: unset;
}
/*Widget Image Accordion*/
.img-accordion-sec {
margin-top: 20px;
}
/*Widget Hover Image */
.hover-img-sec .inner-title{
background-color: #4e2c80;
margin-bottom: 10px;
padding: 10px;
}
.hover-img-sec h2{
margin: auto;
padding: 0px;
color: white;
}
.widget-hover-img .accordion h3{
font-size: 1.5rem !important;
}
img.logo-menu {
display: none;
}
@media screen and (min-width: 500px) {
#programOwl .owl-item.active.center h4 {
width: 95%;
}
#programOwl .owl-item.active.center .icon-mobile img{
width: 198px;
height: 218px;
}
#programOwl .owl-item.active.center .bordered{
width: 170px;
height: 170px;
top: -14px;
right: 92px;
}
#programOwl .owl-item.active.center .outer-box {
display: none;
}
div#desktop1, div#desktop2, div#desktop3{
display: none;
}
h2.desktop-title {
display: none;
}
hr.arrow-hr{
display: none;
}
.desktop-box {
display: none;
}
.dining-copy-sec .dining-copy-desktop{
display: none;
}
.box {
width: 335px;
}
#owl-carousel-sponsors .owl-item img{
height: 200px;
}
}
@media screen and (min-width: 600px) {
.header .title-sec{
width: 843px;
}
.header .intro-sec {
width: 921px;
}
#programOwl .owl-item.active.center .bordered {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dining-sec .dining-img-desktop{
display: none;
}
}
@media screen and (min-width: 787px) {
img.logo-menu {
display: block;
object-fit: contain;
width: 421px;
height: auto;
position: absolute;
bottom: 16px;
z-index: 0;
}
.form-control {
width: 240px;
}
.search-icon {
right: 176px;
}
.popup {
width: 50%;
}
.header{
margin-top: -154px;
}
.header .title-sec{
margin-top: -60px;
}
.programs-sec hr{
width: 38%;
}
.inner-box {
display: none;
}
#programOwl .item {
width: 400px;
}
#programOwl .owl-item.leftside h4{
display: block;
text-align: center;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 21px;
letter-spacing: 0.48px;
color: #4D2D7C;
text-transform: uppercase;
line-height: 30px;
}
#programOwl .item h4{
display: block;
text-align: center;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 21px;
letter-spacing: 0.48px;
color: #4D2D7C;
text-transform: uppercase;
line-height: 30px;
}
#programOwl .owl-item.active.center .owl-nav {
display: none;
}
#programOwl .owl-item.rightside h4{
display: block;
text-align: center;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 21px;
letter-spacing: 0.48px;
color: #4D2D7C;
text-transform: uppercase;
line-height: 30px;
}
/*#programOwl .owl-item.active.center .copy-sec{*/
/* margin-top: 136px;*/
/*}*/
#programOwl .wp-block-columns {
padding-top: 0px;
display: block;
position: relative;
padding-bottom: 65px;
}
#programOwl button.customNextBtn {
float: inline-end;
}
#programOwl .owl-item.active.center .outer-box {
display: block;
position: absolute;
bottom: -99px;
left: -263px;
}
#programOwl .owl-item.active.center .outer-box .bordered{
transform: translate(-50%, 30%);
top: -28px;
}
#programOwl .owl-item.active.center .outer-box img{
width: 198px;
height: 218px;
}
#programOwl .owl-item.active.center {
margin-bottom: 90px;
}
#programOwl .mobile-icon{
display: none;
}
.slider-btn {
padding-top: 0px;
}
/*Event Section*/
.event-sec h2.mobile-title{
display: none;
}
.event-sec .image-sec {
height: auto;
}
.event-sec .copy-inner {
padding: 2px 20px 20px 40px;
text-align: unset;
}
#image1 img, #image2 img, #image3 img {
height: 400px;
/*padding: 30px;*/
}
.event-sec .copy-inner input[type="radio"] {
display: flex;
justify-content: center;
align-items: center;
margin: 14px 13px;
}
input#toggle1, input#toggle2, input#toggle3 {
float: inline-start;
}
.event-sec .copy-inner p{
text-align: left;
}
.event-sec .copy-inner h4 {
text-align: left;
margin-left: 45px;
position: relative;
top: -12px;
}
h2.desktop-title {
display: block;
text-align: left;
letter-spacing: 0px;
color: #4D2D80;
/*position: absolute;*/
/*top: -51px;*/
/*left: 58px;*/
padding: 1px 11px 1px 11px;
background-color: #efe6e1;
font-size: 2rem;
}
#content1, #content2, #content3 {
display: none;
}
#toggle1:checked ~ #content1 {
display: none;
}
#toggle2:checked ~ #content2 {
display: none;
}
#toggle3:checked ~ #content3 {
display: none;
}
div#desktop1, div#desktop2, div#desktop3{
display: block;
}
.desktop-box{
display: block;
/*padding-top: 26px;*/
}
hr.arrow-hr{
border-top: 2px solid rgb(242 172 66);
margin-top: -59px;
display: block;
}
/*Dining Section*/
.dining-sec .dining-img-mobile {
display: none;
}
.dining-sec .dining-img-desktop{
display: block;
}
.dining-sec .dining-img-desktop hr{
margin-left: -117px;
border-top: 3px solid rgb(242 172 66);
border-right: 3px solid #f2ac42;
height: 100px;
}
.dining-sec .dining-img-sec {
text-align: right;
}
.dining-sec #diningImage1,
.dining-sec #diningImage2,
.dining-sec #diningImage3{
margin-top: -86px;
margin-right: 27px;
}
.dining-copy-sec .dining-img-desktop{
display: block;
}
.dining-copy-sec .dining-copy-desktop{
display: block;
}
.dining-copy-sec .dining-copy-desktop hr{
border-top: 3px solid rgb(242 172 66);
width: 104%;
float: right;
margin-right: -156px;
margin-bottom: 30px;
}
.dining-copy-sec .dining-copy-desktop h4{
text-transform: uppercase;
letter-spacing: 1.78px;
color: #4D2D80;
font-weight: 700;
text-align: center;
margin-bottom: 0px;
}
.dining-copy-sec .dining-copy-desktop h3{
text-transform: capitalize;
letter-spacing: 1.78px;
color: #4D2D80;
text-align: center;
margin-top: 0px;
font-size: 35pt;
}
/*Happening Section*/
.happening-sec {
margin-top: 80px;
}
.happening-sec .wp-block-columns{
flex-direction: row;
}
.happening-sec h3.happening-title-mobile{
display: none;
}
.happening-sec .happening-list-sec {
background: #efe6e1;
position: relative;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px;
}
.happening-sec .happening-title-box {
margin-top: 30px;
margin-bottom: 30px;
}
.happening-sec .happening-title-box hr.arrow-hr {
border-top: 2px solid rgb(242 172 66);
margin-top: -31px;
display: block;
width: 89%;
margin-left: 0px;
}
.happening-sec h2.happening-title-desktop {
display: block;
letter-spacing: 0px;
color: #4D2D80;
width: fit-content;
padding: 1px 11px 1px 11px;
background-color: #efe6e1;
position: relative;
margin-left: 32px;
font-size: 2rem;
}
.happening-sec #happening-desktop1,
.happening-sec #happening-desktop2,
.happening-sec #happening-desktop3{
display: flex;
flex: 1;
align-items: flex-start;
padding-right: 20px;
margin-top: -6px;
}
#happening-content1,
#happening-content2,
#happening-content3 {
display: none !important;
}
.happening-sec input[type='radio'] {
margin-left: 27px;
float: left;
}
.happening-sec #happening-desktop1 p,
.happening-sec #happening-desktop2 p,
.happening-sec #happening-desktop3 p{
color: #5B4F4F;
font-size: 19px;
font-weight: 600;
letter-spacing: 1.1px;
line-height: 1.4;
font-family: "source-sans-pro", sans-serif;
text-transform: uppercase;
}
.happening-sec .happening-copy-sec .row{
flex-direction: column;
}
.happening-sec .happening-copy-sec .date-title-sec{
max-width: 90%;
margin-bottom: 30px;
display: block !important;
}
.happening-sec .happening-copy-sec .image-sec{
max-width: 82%;
}
.happening-sec .happening-img-group p.copy-desktop {
display: block;
}
.happening-sec .happening-img-group a.copy-desktop-a {
display: block;
}
.happening-sec div#happeningImage1,
.happening-sec div#happeningImage2,
.happening-sec div#happeningImage3{
text-align: left;
color: white;
padding: 31px 45px 30px 25px;
}
.happening-sec #happeningImage1 img,
.happening-sec #happeningImage2 img,
.happening-sec #happeningImage3 img {
position: absolute;
z-index: 1;
top: -49px;
right: 20px;
}
.happening-sec p.copy-title-desktop {
text-align: left;
margin-bottom: 15px;
letter-spacing: 0px;
font-weight: 500;
font-size: 1.5rem;
line-height: 1.3;
text-transform: capitalize;
}
.happening-sec p.copy-desktop {
padding: 13px;
margin-bottom: 10px;
}
.happening-sec a.copy-desktop-a {
position: relative;
color: #FFFFFF;
margin-left: 16px;
font-family: "source-sans-pro", sans-serif;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 1.125em;
text-decoration: none;
border-bottom: 2px solid #ffffff;
width: fit-content;
transition-delay: 1.2s ;
}
.happening-sec a.copy-desktop-a:hover{
border-bottom: none;
}
.happening-sec a.copy-desktop-a::before {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
width: 0;
height: 2px;
background-color: #ffffff;
transition: width 1.2s ease;
}
.happening-sec a.copy-desktop-a:hover::before {
width: 100%;
}
.box {
margin-left: 21px;
}
.five:before,
.five:after {
bottom: 30px;
left: 10px;
}
p.copy-date-desktop {
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 17px;
letter-spacing: 1.5px;
}
/*Get Involved*/
.get-involved-sec{
max-width: 1400px;
margin: auto;
}
.get-involved-sec .parent-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
}
.get-involved-sec .grid-1 { grid-area: 1 / 1 / 2 / 2; }
.get-involved-sec .grid-2 { grid-area: 1 / 2 / 2 / 3; }
.get-involved-sec .grid-3 { grid-area: 1 / 3 / 2 / 4; }
.get-involved-sec .panel {
display: block !important;
position: relative;
}
.get-involved-sec .panel img {
height: 430px;
}
.get-involved-sec .panel .inner-copy {
position: absolute;
top: 15px;
background-color: #4e2c81;
margin: 0px;
visibility: hidden;
opacity: 0;
transition: opacity .2s, visibility .2s;
}
.get-involved-sec .panel:hover .inner-copy {
visibility: visible;
opacity: 1;
}
.get-involved-sec .panel .wp-block-button a{
background: unset;
font-weight: 400;
border-bottom: 2px solid #ffffff;
width: fit-content;
padding: 0px;
text-decoration: none;
}
.get-involved-sec .panel .wp-block-button a:hover{
background: none!important;
}
.get-involved-sec .panel .inner-copy p {
color: #ffffff;
}
.get-involved-sec .panel .green-btn p {
background: unset;
width: 90%;
text-decoration: underline;
text-transform: uppercase;
}
.directions-sec .wp-block-columns {
flex-direction: row;
}
.main-content .custom-intro-sec .green-btn {
width: 30% !important;
}
}
@media screen and (min-width: 900px) {
a.white-btn {
text-transform: uppercase;
text-decoration: none;
color: white;
}
a.white-btn p{
margin: auto;
background: unset;
padding: 0px;
text-align: center;
color: white!important;
text-transform: uppercase;
border-bottom: 2px solid #ffffff;
width: fit-content;
}
}
@media screen and (min-width: 1000px) {
/*.desktop-nav .owl-nav {*/
/* top: 56%;*/
/*}*/
.get-involved-sec .panel .inner-copy {
margin: 25px;
}
}
@media screen and (min-width: 1100px) {
/*.desktop-nav .owl-nav {*/
/* top: 60%;*/
/*}*/
}
@media screen and (min-width: 1250px) {
/*Event Section*/
.event-sec {
max-width: 1672px;
margin: 20px auto auto auto;
}
/*Happening Section*/
.happening-sec {
max-width: 1672px;
margin: 155px auto auto auto;
}
.happening-sec .happening-copy-sec .date-title-sec {
max-width: 50% !important;
margin-bottom: 0px;
}
.happening-sec .happening-copy-sec .image-sec {
max-width: 50% !important;
height: 0px;
}
.happening-sec .happening-copy-sec .row {
flex-direction: row ;
}
.happening-sec #happeningImage1 img,
.happening-sec #happeningImage2 img,
.happening-sec #happeningImage3 img {
top: -272px;
}
.five:before, .five:after {
bottom: 258px;
}
.get-involved-sec .panel .inner-copy {
margin: 35px;
}
.event-sec .copy-sec {
padding-top: 0px;
}
h2.desktop-title {
top: 1px;
}
hr.arrow-hr{
margin-top: -16px;
}
}
/*--------------------------------------------------------------
# Program Landing
--------------------------------------------------------------*/
.intro-sec {
background-color: #deccc4;
padding: 15px;
margin-top: 0px;
text-align: center;
}
.intro-sec strong{
color: #801a18;
}
.featured-img img{
object-fit: cover;
width: 100%;
height: auto;
max-height: 330px;
min-height: 226px;
}
.main-content p{
/*text-align: center;*/
}
.main-content .sub-title {
background-color: #4d2d80;
text-align: center;
padding: 1px;
margin-bottom: 20px;
}
.main-content .sub-title h4{
color: white;
text-transform: uppercase;
margin-bottom: -10px;
}
.main-content .sub-title h2{
color: white;
margin-top: auto;
margin-bottom: auto;
padding: 15px;
}
.main-content .subnav{
list-style: none;
padding: unset;
}
.main-content .subnav li{
border-top: 2px solid #f3ac42;
padding: 16px 10px;
font-family: "source-serif-pro", serif;
font-weight: 600;
font-style: normal;
font-size: 19px;
}
.main-content .subnav li::marker{
content: unset;
}
.main-content .subnav li a{
color: #594e4e;
}
.main-content .subnav li a{
text-decoration: none;
}
.main-content .subnav li:hover{
background-color: #efe6e2;
}
.main-content .subnav .green-btn p {
width: 100%;
margin: unset;
margin-top: 20px;
}
.benefits-sec .benefits-title{
background-color: #4d2d80;
padding: 8px;
margin-bottom: 30px;
}
.benefits-sec .benefits-title h2{
color: white;
}
.benefits-sec .col-md-6 img{
box-shadow: 4px 4px 8px 2px #0000005e;
object-fit: cover;
height: auto;
aspect-ratio: 2;
}
.benefits-sec .accordion-program {
background-color: unset;
color: #4d2d80;
cursor: pointer;
padding: 20px 16px;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
font: normal normal 600 20px/27px Source Serif Pro;
}
.benefits-sec .accordion-program:before {
content: url("data:image/svg+xml; utf8,");
float: right;
margin-left: 5px;
width: 29px;
height: auto;
display: block;
transform: scaleY(1);
}
.benefits-sec .active:before {
content: url("data:image/svg+xml; utf8,");
margin-top: -6px;
transform: scaleY(-1);
}
.benefits-sec .panel-program {
/*padding: 15px 18px 0px 18px;*/
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.benefits-sec .panel-program ul{
margin-bottom: 2rem;
}
.benefits-sec .panel-program ul li::before {
color: #f3ac42;
font-weight: bold;
display: inline-block;
width: 1.2em;
font-size: 26px;
margin-left: -1em;
}
.benefits-sec .panel-program ul li::marker {
content: unset;
}
/*.benefits-sec .panel-program ul li span, .benefits-sec .panel-program ul li{*/
/* font: normal normal 200 21px/37px Source Serif Pro;*/
/* color: #594e4e;*/
/*}*/
.spotlight-sec {
background-color: #4d2d80;
padding: 40px 20px;
text-align: center;
}
.spotlight-sec .content{
padding: 0px;
}
.spotlight-sec h4{
color: white;
font-family: "Source Sans Pro", sans-serif;
font-size: 23px;
text-transform: uppercase;
margin-bottom: 0px;
font-weight: 700;
}
.spotlight-sec h2{
color: white;
margin-top: 10px;
}
.spotlight-sec p{
color: white;
}
.spotlight-sec img{
width: 200px;
height: 200px;
object-fit: cover;
object-position: top;
border-radius: 300px;
}
.box2 {
height: 250px;
width: 250px;
position: relative;
margin: auto;
}
.box2:before, .box2:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
}
.five2:before {
border-top: 2px dashed rgb(242 172 66);
border-right: 2px dashed rgb(242 172 66);
border-radius: 300px;
}
.five2:before, .five2:after {
bottom: 22px;
left: 0px;
}
.five2:after {
border-bottom: 2px dashed rgb(242 172 66);
border-left: 2px dashed rgb(242 172 66);
border-radius: 300px;
}
.spotlight-sec .label p{
color: rgb(242 172 66);
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 0px;
font-weight: 700;
}
.spotlight-sec .row{
max-width: 1400px;
margin: auto;
}
/*
li.page_item.current_page_item.current_page_item {
background: #efe6e2;
}
li.page_item.current_page_item.current_page_item a.dropdown-toggle{
background: #efe6e2;
}
*/
.inner-title {
background-color: #4e2c80;
padding: 10px;
margin-bottom: 25px;
}
.inner-title h2 {
color: white;
margin: auto;
padding: 0px;
}
.program-icon{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 200px;
height: auto;
margin-top: 35px;
display: none;
}
.main-content .box2 {
height: 200px;
width: 200px;
margin-top: 55px;
margin-bottom: 69px;
display: none;
}
.main-content .five2:before, .main-content .five2:after {
bottom: 30px;
left: -42px;
}
.main-content .green-btn{
display: block;
width: 55%;
}
.row.list {
margin-bottom: 20px;
}
.main-content .list p{
text-align: left;
margin-bottom: 0.5em;
font-weight: 600;
}
.main-content .col-md-6{
border-left: 2px solid #f2ac42;
margin-bottom: 30px;
}
.main-content .list h4{
color: #4d2d80;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 700;
}
.course-sequences-sec .inner-title {
background-color: #4e2c80;
padding: 10px;
}
.course-sequences-sec .inner-title h2{
color: white;
margin: auto;
padding: 0px;
}
.course-sequences-sec {
margin-bottom: 50px;
}
.course-sequences-sec .accordion-course {
background-color: unset;
color: #4d2d80;
cursor: pointer;
padding: 20px 16px;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
font: normal normal 600 19px/34px Source Serif Pro;
text-transform: capitalize;
}
.course-sequences-sec .accordion-course:before {
content: url("data:image/svg+xml; utf8,");
float: right;
margin-left: 5px;
width: 29px;
font-size: 40px;
margin-top: 0px;
transform: scaleY(1);
}
.course-sequences-sec .active:before {
content: url("data:image/svg+xml; utf8,");
margin-top: 0px;
transform: scaleY(-1);
}
.course-sequences-sec .panel-course {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-bottom: 2px solid #f2ac42;
}
#owl-carousel-sponsors-individual .owl-item img{
display: block;
width: 100%;
padding: 15px;
height: 200px;
object-fit: contain;
}
.program-items .col-md-6 img{
/*height: 350px;*/
/*width: 100%;*/
/*object-fit: cover;*/
}
.main-content strong{
color: #4d2d80;
font-weight: 900;
}
.purple-btn{
background-color: #4d2d80;
color: white;
}
.purple-btn:hover{
color: white;
text-decoration: none;
}
@media screen and (min-width: 500px) {
.intro-sec {
padding: 15px 47px;
}
.box2 {
height: 450px;
width: 450px;
}
.spotlight-sec img{
width: 400px;
height: 400px;
}
.benefits-sec .accordion-program {
font: normal normal 600 21px/34px Source Serif Pro;
}
.spotlight-sec .content{
padding: 15px;
}
.spotlight-sec .label p{
font-size: 23px;
}
}
@media screen and (min-width: 787px) {
.intro-sec .container{
width: 70%;
}
.main-content .subnav {
padding: revert-layer;
}
.program-icon{
display: block;
}
.main-content .box2 {
display: block;
}
.main-content .green-btn{
width: 75%;
}
.row.list {
margin-bottom: 25px;
}
.course-sequences-sec .accordion-course {
font: normal normal 600 21px/34px Source Serif Pro;
}
.course-sequences-sec .accordion-course:after {
width: 34px;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
color: #801a19;
background-color: #deccc4;
text-align: center;
}
.navbar-dark .site-info {
color: #fff;
}
.copyright {
font-size: 0.875rem;
margin-bottom: 0;
text-align: center;
}
.copyright a, footer#colophon a {
color: inherit;
}
#footer-widget{
background-color: #deccc4!important;
padding-top: 35px;
align-content: center;
justify-content: center;
}
#footer-widget .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
align-content: center;
}
#footer-widget .middle-sec a {
position: relative;
color: #801a18;
text-decoration: none;
text-transform: uppercase;
font-family: "source-sans-pro", sans-serif;
font-weight: 700;
font-style: normal;
border-bottom: 2px solid #801a18;
width: fit-content;
transition-delay: 1.2s ;
}
#footer-widget .middle-sec a:hover{
border-bottom: none;
}
#footer-widget .middle-sec a::before {
content: "";
position: absolute;
left: 0;
bottom: -1.5px;
width: 0;
height: 2px;
background-color: #801a18;
transition: width 1.2s ease;
}
#footer-widget .middle-sec a:hover::before {
width: 100%;
}
#footer-widget .middle-sec {
display: block;
}
#footer-widget .middle-sec .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: auto!important;
}
#footer-widget section#block-15 {
width: 73%;
margin: auto;
}
#footer-widget .wp-element-button{
color: white!important;
text-transform: capitalize;
}
#footer-widget #block-14{
width: 30%;
margin: auto;
margin-top: 41px;
margin-bottom: 42px;
}
#footer-widget #block-14 .wp-block-columns{
flex-direction: row;
flex-wrap: nowrap !important;
}
#footer-widget #block-14 .wp-block-columns img{
height: 28px;
object-fit: contain;
filter: invert(45%) sepia(70%) saturate(490%) hue-rotate(58deg) brightness(80%) contrast(80%);
}
#footer-widget #block-14 .wp-block-columns img:hover{
filter: none;
}
#footer-widget .top-sec figure.wp-block-image.size-full{
text-align: center;
}
#footer-widget .top-sec img{
width: 90%;
}
section#block-20 {
margin: auto;
}
section#block-19 {
margin-bottom: 0px;
}
section#block-19 p,
section#block-21 p{
color: #801A18;
line-height: 1.4;
}
/*Event Plugin*/
button.tribe-common-c-btn.tribe-events-c-search__button {
background-color: #469a25;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1rem;
}
button.tribe-common-c-btn.tribe-events-c-search__button:hover {
background-color: #801A18;
font-size: 1rem;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
background-color: #469a25;
color: white;
border: unset;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1rem;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:focus{
background-color: #801A18 !important;
font-size: 1rem;
}
a.wp-block-button__link.has-grass-green.has-background.wp-element-button{
background-color: #469A25 !important;
color: white !important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: capitalize;
}
a.wp-block-button__link.has-grass-green.has-background.wp-element-button:hover{
background-color: #801A18 !important;
color: white !important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
text-transform: capitalize;
}
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within{
background-color: #801A18 !important;
color: white !important;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus {
outline: unset;
}
nav.tribe-events-calendar-list-nav.tribe-events-c-nav {
display: none;
}
.tribe-events-c-top-bar.tribe-events-header__top-bar {
display: none !important;
}
/*Single Event*/
.header-sec h1{
border-bottom: unset;
background-color: #4d2d80;
text-align: center;
color: white;
padding: 30px;
margin-top: 0px;
margin-bottom: 0;
font-size: 2.5rem;
font-family: "source-serif-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
section#tribe-events-pg-template {
margin: unset;
padding: unset;
max-width: 1500px;
}
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix{
width: 100%;
}
.tribe-events-venue-map {
width: 100%;
}
nav.tribe-events-nav-pagination{
padding: unset;
}
ul.tribe-events-sub-nav{
padding: unset;
}
.tribe-events-back a, .tribe-events-back a:visited {
color: #801518;
font-family: "source-serif-pro", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.2rem;
}
.tribe-events-content h2,.tribe-events-content h3,.tribe-events-content h4,.tribe-events-content h5,.tribe-events-content h6 {
font-family: "source-serif-pro", sans-serif !important;
}
.tribe-events-event-meta:before, .tribe-events-event-meta~div:not(.tribe-events-event-meta,.event-tickets) {
border-top: 2px solid #f3ac42;
}
#tribe-events-footer {
border-top: 2px solid #f3ac42;
}
.event-details-sec p{
display: inline;
margin-right: 4px;
font-weight: 700;
}
#block-17 .has-text-align-center {
text-align: center;
margin-bottom: 0px;
}
#block-17 .wp-block-columns{
flex-direction: column;
}
#block-17 p{
text-align: center;
}
#block-17 :where(.wp-block-columns.is-layout-flex) {
gap: 1.2em;
}
#block-15 .is-layout-flex{
flex-direction: column;
align-content: center;
}
#block-15 .wp-block-columns .wp-block-button a {
width: 90% !important;
}
#block-15 .wp-block-columns .wp-block-button {
width: 278px !important;
}
/*Search page*/
.search-page-nav .nav-links{
width: 100%;
}
.alignleft {
display: inline;
float:left;
width: 100%;
margin-right: unset;
margin-bottom: 14px;
}
@media screen and (min-width: 500px){
#footer-widget #block-14 .wp-block-columns img{
height: 40px;
}
}
@media screen and (min-width: 700px) {
#block-15 .wp-block-columns .wp-block-button a {
width: 60% !important;
}
#footer-widget .top-sec img{
width: 80%;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 0px;
width: revert-layer;
}
}
@media screen and (min-width: 790px){
#block-15 .wp-block-columns .wp-block-button {
width: 90% !important;
}
.header h1{
font-size: 3.5rem;
}
}
@media screen and (min-width: 1200px) {
#block-17 .wp-block-columns {
flex-direction: row;
}
#block-15 .is-layout-flex {
flex-direction: column ;
}
#block-15 .wp-block-columns .wp-block-button a {
width: 50% !important;
}
}
@media screen and (max-width: 767px) {
#masthead .navbar-nav > li > a {
padding-bottom: 0.938rem;
padding-top: 0.938rem;
}
#footer-widget .middle-sec {
display: none;
}
#footer-widget #block-14{
width: 68%;
}
#footer-widget section#block-15 {
width: 75%;
margin: auto;
}
#footer-widget .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
align-content: center;
justify-content: center;
}
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
html {
font-size: 95%;
}
}
@media screen and (max-width: 1199px) {
.navbar-dark .dropdown-item {
color: #fff;
}
.navbar-nav .dropdown-menu {
background: transparent;
box-shadow: none;
border: none;
}
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
html {
font-size: 90%;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
html {
font-size: 85%;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
html {
font-size: 80%;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
html {
font-size: 75%;
}
}