@import url('//fonts.googleapis.com/css?family=Alegreya+Sans:300,300i,400,500,700|Cinzel:400,700|Fondamento');



/************ COLORS & FONTS *********/
:root { --main-color: #362317; } /* Used for titles and buttons */
:root { --accent-color: #4B372A; } /* Used for titles */
:root { --secondary-color: #876D5C; } /* Used for links */
:root { --base-font-color: #362317; } 

body {color: var(--base-font-color); }

/* DEFAULT FOR ALL */
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem; }
h2, h3 { font-size: 2rem;}
h4, h5, h6 { font-size: 1.75rem; }
p {font-size: 1.3rem;}

/* FONTS */
body, p, h6 {font-family: 'Alegreya Sans', sans-serif;}
h1, h2, h3, h4, h5 {font-family: 'Fondamento', script;}

/* STYLING */
h1 {color: var(--main-color); font-size: 2.5em;}
h2 {color: var(--main-color); font-size: 2rem; border-bottom: 1px solid var(--base-font-color);}
h3 {color: var(--secondary-color); font-size: 2rem;}
h4 {background: var(--main-color); font-size: 1.75rem; color: white; border-radius: .2rem; padding: .3rem .6rem; font-family: 'Cinzel', serif;}
h5 {color: var(--main-color); font-size: 1.5rem; font-family: 'Cinzel', serif;}
h6 {color: var(--base-font-color); font-size: 1.5rem;}
p {color: var(--main-color); font-size: 1.3rem; }
a { color: var(--secondary-color); font-weight: bold ;}
body { font-size: 1.3rem; line-height: 1.3;}

.page-header h2 {line-height: 2.1rem; margin-top: .625rem;}

blockquote {
  color: var(--base-font-color);     
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #d5d5d5;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 300;
  line-height: 1.2;
  font-size: 1.3rem;
}

address {
  font-style: italic;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button { 
  color: #362317; 
  background: #876D5C; 
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 500;
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 2px;
  transition: all .2s ease-in;
 }
.readon:hover, .button:hover {background: #362317; color: #876D5C;}

p.readmore .btn, .content_vote .btn, .contact .form-actions .btn, .login .btn, .logout .btn, .registration .btn, .profile-edit .btn, .remind .btn, .reset .btn, .profile .btn, .search #searchForm .btn, .finder #finder-search .btn, .edit.item-page .btn-toolbar .btn, .pager.pagenav a, .moduletable #login-form .control-group .btn, #searchForm .btn, #finder-search .btn, .btn {
	font-size: 1.2rem;
	margin: 0px;
	padding: 5px 15px; } 

.btn span {margin: 0 10px 0 0; }

/************ TABLES  ************/
.fancytable th {color: white; background: var(--main-color); border: 1px solid var(--main-color); font-size: 1.3rem;}
.fancytable td { border: 1px solid var(--main-color); font-size: 1.3rem;}

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: #C41835; background: transparent;}

/************ HEADER AND MENU  ************/
/* MENU IN FLEX TABLE  - OPTIONAL CSS */
#g-top { 
	background: url(../images/solutio/headerdecorleft.png) 0% 0% no-repeat, url(../images/solutio/headerdecorright.png) 100% 0% no-repeat;
	background-size: contain;
}

.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

#g-navigation {
	color: var(--main-color);
	background: rgba(110,84,69,0.2);
	font-family: 'Cinzel';
}

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: 1.7vw;
}

.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
	font-family: 'Cinzel';
	font-weight: 700;
}

.g-main-nav .g-dropdown {
	background: #362317;
	color: white;
}

.g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { font-size: 1.35rem; }
.g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-menu-item-content { font-weight: 700; }


@media only screen and (max-width: 767px) {
	#g-top {background: none; }
	
}



/************ SIDE MENU  ************/
.nav.menu { margin: 0; }
/*.nav.menu > li {padding: 7px 15px; margin: 5px 0; border-radius: 5px; transition: all .2s ease-in;}*/
.nav.menu > li {padding: 7px 15px; margin: 5px 0; transition: all .2s ease-in;}
.nav.menu > li.active, .nav.menu > li:hover { background: #876D5C; }

.g-content {padding: 1rem;}
#g-aside .g-content {padding: .2rem;}


/************ SIDE MENU STYLING - OPTIONAL CSS   ************/
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled, .moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li {border: none;  }
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {padding: 0; }
.moduletable .nav.menu li:last-child, .moduletable .mostread li:last-child, .moduletable .latestnews li:last-child, .moduletable .archive-module li:last-child, .moduletable .relateditems li:last-child, .moduletable .categories-module li:last-child, .moduletable .category-module li:last-child, .moduletable .latestusers li:last-child, .moduletable .unstyled li:last-child {padding-bottom: 0.625rem; }
.moduletable[class*="box"], .widget[class*="box"] { padding: 0.75rem; }
/*.moduletable .category-module { 2%;}*/

/************  BACKGROUND PATTERN  ************/

body { background: url(../images/solutio/pattern.png); }
body #g-extension { background: none; }

/************  BACKGROUND IMAGE  ************/
body #g-page-surround { 
	background: url(../images/solutio/ourlady.png) 100% 0% no-repeat;
	background-size: 40%; 
}


/*@media only screen and (max-width: 767px) {
	body #g-page-surround { 
	background: url(../images/solutio/ourlady.png) 100% 2% no-repeat;
	background-size: 40%; }
}*/




/************ ROTATOR  ************/
.sprocket-features-container {display: flex; align-items: flex-end; background: rgba(110,84,69,0.25);}
.sprocket-features-img-container {flex:2.25; order:1;}
.sprocket-features-content {flex:1; order:2;}

.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { 
	background: none; box-shadow: none; color: white;}
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow { font-size: 5rem; }
.arrows-active .sprocket-features-list {margin: 0px; }

.sprocket-features-img-container { margin-right: 10px; }

.sprocket-features-desc p { 
	color: white;
	font-family: 'Fondamento', serif;
	font-size: 2.25vw;
	line-height: 1.5;
	font-variant: small-caps;
	padding: 0% 0% 0% 3%;
}

#g-showcase { background: linear-gradient(to top, rgba(114,84,69,0.8) 0%, rgba(114,84,69,0) 100%); }

@media only screen and (max-width: 767px) {
	.sprocket-features-container {flex-direction:column;}
	.sprocket-features-desc p { font-size: 1.5rem; }
	.sprocket-features-img-container {margin-right: 0px;}
}


/************ ROTATOR BIGGER ARROWS - OPTIONAL CSS  ************/
.sprocket-features.layout-slideshow .sprocket-features-arrows .arrow { background: none; color: rgba(255,255,255,.5); font-size: 5rem; }
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {box-shadow: none; }


/************ HOMEPAGE QUOTE  ************/

#g-feature .flush > .g-container, .g-flushed > .g-container, .flush > .g-content, .g-flushed > .g-content {
	text-align: center;
	background: url(../images/solutio/quotedecorleft.jpg) 0% 0% no-repeat, url(../images/solutio/quotedecorright.jpg) 100% 100% no-repeat;
	background-size: contain;
}
	
#g-feature:before { border: none; }
	
#g-feature h1 {color: white; font-size: 2.6rem;}
#g-feature p {color: white; font-size: 1.8rem; font-weight: 300;}

.quote { padding: 0 10%; margin-top: 3%;}


@media only screen and (max-width: 767px) {
	#g-feature .flush > .g-container, .g-flushed > .g-container, .flush > .g-content, .g-flushed > .g-content {
	text-align: center;
	background: url(../images/solutio/quotedecorleft.jpg) 0% 0% no-repeat;
	background-size: contain; }
}



   
/************  HOME LAYOUT  ************/
#g-container-main.g-wrapper > .g-grid > .g-block.size-75 { padding-right: 50px}
h3.g-title {padding: 0px;  margin: 0px; }
.buttonheading {display: none;}


/************ RES CARMELITANAE  ************/
#g-extension h3 {font-size: 2.2rem; padding: 0px; margin: 0px; color: #362317; }
#g-extension h5 {font-size: 1.5rem; padding: 0px; margin: 0px; border-bottom: 1px #362317 solid;}
#g-extension p {margin: 5px 0 0 0;}


#g-extension > .g-grid > .g-block.size-25 > .g-content { background: rgba(110,84,69,0.3); margin-top: 20px; }
#g-extension a.mod-articles-category-title {color: var(--main-color); font-weight: bold; text-align: center; font-size: 1.4rem; }
#g-extension .mod-articles-category-readmore a.mod-articles-category-title {
	color: #362317;
	font-weight: 400;
	text-align: center;
	font-size: 1.2rem;
	padding: .5rem .75rem; 
	border-radius: .8rem; 
	border: 1px #362317 solid;
}
#g-extension .mod-articles-category-readmore a:hover.mod-articles-category-title {
	color: white;
	background: #876D5C;
	font-weight: 400;
	text-align: center;
	font-size: 1.2rem;
	padding: .5rem .75rem; 
	border-radius: .8rem; 
	border: 1px #362317 solid;
}
.mod-articles-category-readmore {text-align: center;}

#g-extension .platform-content, .moduletable, .widget {padding: 0 0 2px 0; }
#g-extension .g-block.size-65 .g-content {margin: 0px;}


/************ RES CARMELITANAE SUB PAGE SCRIPTURE ************/
.mod_placehererescarmel { margin: 0; padding: 0; }
#g-mainbar .g-grid .g-block.size-100 .g-content {margin-bottom: 0; padding-bottom: 0; } 


/************ FOOTER  ************/
#g-footer .g-grid .g-content a, #g-footer .g-grid .g-content p { color: white; font-weight: normal;}
#g-footer .g-grid .g-content a:hover { color: #876D5C; }
#g-footer .g-grid .g-content h5 { font-size: 2.25vw; padding-top: 20px; }

#g-footer { 
	background: #362317 url(../images/solutio/footerdecor.png) repeat-x;
	background-position: 0% 100%;
}

#g-footer .g-grid img { padding-top: 20px; }

/************ MOBILE MENU  ************/
.g-offcanvas-toggle { top: 15px; left: 15px;  }
a.g-menu-item-container { font-weight: normal; font-size: .9rem;}
@media only screen and (max-width: 767px) {
	#g-container-main.g-wrapper > .g-grid > .g-block.size-75 {padding-right: 0px;}
}


/************ MENU FIX  ************/
.g-active.g-dropdown { z-index: 10;}