@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i');
@import url('http://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i');


/************ *******************  ************/
/************ ITEMS FOR ALL SITES  ************/
/************ ******************  ************/

/************ TABLES  ************/

table, tr, td {border: none;}



/************ FLEX TABLE  ************/
table.flextable, .flextable tbody, .flextable tr {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
 
.flextable td {
	display: list-item; 
    list-style-type: none;
	margin: 0px;
	padding: 10px 0 0 0;
}

@media only screen and (max-width: 767px) { 
	table.flextable, .flextable tbody, .flextable tr, .flextable td {display: block; width: 100%;}
	.flextable tr { border-bottom: 2px #ddd solid; } 
	.flextable td {text-align: center;}
}


/********** EQUAL TABLE ********************/
.equaltable { width: 100%; display: table; table-layout: fixed;}
.equaltable > tbody > tr { display: table-row;}
.equaltable > tbody > tr > td  {	display: table-cell; margin: 10px; width: 2%; border: 10px solid rgba(0,0,0,0); vertical-align: top; word-break: break-word;}
.equaltable td img {padding: 0px !important; margin: 0px !important;}

@media only screen and (max-width: 767px){ 
	.equaltable, .equaltable > tbody > tr, .equaltable > tbody > tr > td { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
	.equaltable img { display: block; margin: 0 auto;}	
}


/************ BREAKDOWN TABLES ON RESPONSIVE ************/ 
@media only screen and (max-width: 767px) { 
	#rt-mainbody table tr { border-bottom: 2px #ddd solid; } 
	#rt-mainbody table td { display: block; width: auto !important; } 
}

/************ PROTECT AGAINS WEIRD SPANISH PAGES  ************/
[class*="span"] {   float: none;     margin-left: 0; }'

/************ DOCMAN  ************/
.docman_download__info {display: none;}
.koowa h4.koowa_header { display: none; }

/************ HIDE SEARCH LABEL  ************/
.searchtop-right label {display: none; }
.searchsearchtop-right {position:fixed; top: 5px; right: 5px; z-index: 1000;}
.searchsearchtop-right input, .searchsearchtop-right input[type="text"] { height: 22px;   border-radius: 5px}
.searchsearchtop-right input { width: 130px;}
.searchhidden-desktop input { margin: auto; width:  100%;}
/**** WEBLINKS ***************************/
.weblink-category .category img { height: 0;}
.weblink-category .category .title, .component-content .weblink-category .category .title p {margin-bottom: 0px; font-size: 16px; }
.weblink-category .category .title {background: none; padding-left: 10px; }
.category .title .category {font-size: 1.25em;}

/************ SLIDESHOW FIX ************/
.weblink-category .component-content ul.rg-ss-slice-list { list-style-type: none; padding: 0; margin: 0;}

/************ ALERT  ************/
.rt-block.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;}

/************ IMAGES  ************/
.item img, .item-page img {margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}

/************ FIX FOR IFRAMES ON IOS Devices  ************/
iframe {width: 1px;   min-width: 100%; }

/************ BREAKDOWN TABLES ON RESPONSIVE ************/ 
@media only screen and (max-width: 767px) { 
#rt-mainbody table tr { border-bottom: 2px #ddd solid; } 
#rt-mainbody table td { display: block; width: auto !important; } 
}

/************ HANDLE ELLIPSES BETTER ON ROKSPROCKET  ************/
.sprocket-lists-desc p:last-of-type:after {content: " ...";}
.roksprocket-ellipsis {display: none;}

/************ HIDE FIRST ELEMENT OF A ROCK SPROCKET  ************/
.hidefirst .sprocket-lists-portrait-container li:first-child, .hidefirst .sprocket-lists-container li:first-child {display: none;}

/************ SPONSORSHIP PAGE  ************/
.basic, .bronze, .silver, .gold, .platinum {transition: all .5 linear;}
h4.sprocket-tables-title a {font-weight: bold; font-size: 1.5em; }
.basic .sprocket-tables-desc {background: white; color: #333; }
.bronze .sprocket-tables-desc {background: #8C7853 !important; color: #333; }
.silver .sprocket-tables-desc {background: #CDCDCD !important; color: #333; }
.gold .sprocket-tables-desc {background: #CFB53B !important; color: #333; }
.platinum .sprocket-tables-desc {background: #E5E4E2 !important; color: #333; }

.sponsorshippage .component-content ul li, .sponsorshippage .component-content ol li, .sponsorshippage .component-content ul {   
	padding: 0 1%;
    line-height: inherit;
    margin: 1% -4px 1% 0;}

.sponsorshippage .component-block .sprocket-tables .readon {float: none; display: block;}

.basic h4.sprocket-tables-title a {color: #333 !important; }
.bronze h4.sprocket-tables-title a {color: white !important; }
.silver h4.sprocket-tables-title a {color: #333 !important; }
.gold h4.sprocket-tables-title a {color: white !important; }
.platinum h4.sprocket-tables-title a {color: #333 !important; }

.basic:hover h4.sprocket-tables-title a {color: #666 !important; }
.bronze:hover h4.sprocket-tables-title a {color: #ddd !important; }
.silver:hover h4.sprocket-tables-title a {color: #666 !important; }
.gold:hover h4.sprocket-tables-title a {color: #ddd !important; }
.platinum:hover h4.sprocket-tables-title a {color: #CFB53B !important; }

.sprocket-tables-item .sprocket-tables-cell:nth-child(1) { height: 140px;}
.sprocket-tables-item .sprocket-tables-cell:nth-child(3) { height: 225px;}
.sprocket-tables-item .sprocket-tables-cell:nth-child(3) img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.noborder img {
     background: none !important;
     border: 0 !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     padding: 0px !important;
	 margin: 0 !important;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
}
/************ HIGHLIGHT SILVER  ************/
.sprocket-tables-block {margin-top: 30px !important; }
.silver {margin-top: -30px !important; }
.silver .sprocket-tables-item .sprocket-tables-cell:nth-child(1) { height: 132px; padding-top: 30px;}
.silver .sprocket-tables-item .sprocket-tables-cell:nth-child(6) { height: 50px; padding-top: 30px;}
.silver .sprocket-tables-item { border: 3px solid #572A79; margin-top: 30px; }
.silver .sprocket-tables-item {box-shadow: 2px 2px 15px #888 ;} 

/************ EXAMPLE ADS  ************/
.sponsorshippage .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption {text-align: center;}
.sponsorshippage .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content { padding-bottom: 40px;}

/************ FAQ  ************/
.sponsorshippage .sprocket-lists-container li:first-child {display: none;}
.sponsorshippage .sprocket-lists .sprocket-lists-container li .sprocket-lists-title {background: none; color: #777;}
.sponsorshippage .sprocket-lists .sprocket-lists-container li {background: none; border: none; box-shadow: none;}
.sponsorshippage .sprocket-lists-title .indicator {display: none;}

/********** EQUAL TABLES ********************/
.equaltables { width: 100%; display: table; table-layout: fixed;}
.equaltables > div  {	display: table-cell; margin: 10px; width: 2%; border: 10px solid rgba(0,0,0,0); vertical-align: top; word-break: break-word;}

@media only screen and (max-width: 767px){ 
	.equaltables, .equaltables div{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
	.equaltables img { display: block; margin: 0 auto;}
}

/************ BORDER ON VIDEO  ************/
.sponsorshippage iframe {border: 4px rgba(0,0,0,0.5) solid; border-radius: 5px;}

/************ NO BORDER  ************/
.sprocket-tables img {
     background: none !important;
     border: 0 !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     padding: 0px !important;
	 margin: 0 !important;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
	 max-width: 100%;
}

.sponsorshippage .cat-children, .sponsorshippage .rt-cat-children{display: none;}

/************ BREAKDOWN ADS ON RESPONSIVE ************/
.rt-block.admod, .admod .rt-block {padding: 10px 0; margin: 15px 0;}

.admod table, .admod tr {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
 
 .admod td {
	display: list-item; 
    list-style-type: none;
	margin: 0px;
	padding: 10px 0 0 0;
}



/********************************************************************************************************/
/****************************************  GRAFFITO 2017  ***********************************************/
/********************************************************************************************************/

/********** STYLES **********/
h1 {font-family: 'Merriweather', serif !important; color: #06673c !important; font-weight: bold; font-size: 3em !important; }
h2 {font-family: 'Merriweather', serif !important; color: #06673c !important; font-size: 2.5em !important; border-bottom: 1px solid #06673c; width: 100%; }
h3 {font-family: 'Merriweather', serif !important; color: #06673c !important; font-size: 2.2em !important; font-weight: normal;}
h4 {font-family: 'Merriweather', serif !important; color: white !important; font-size: 2em; border-bottom: 1px solid #06673c; width: 100%; background: #06673c; border-radius: 5px; padding: 5px; font-weight: normal;}
h5 {font-family: 'Merriweather', serif !important; color: #06673c !important; font-size: 2em; text-transform: uppercase; font-weight: normal;}
h6 {font-family: 'Merriweather', serif !important; color: #06673c !important; font-size: 1.75em !important; text-transform: uppercase; font-weight: normal;}
p { font-size: 1.2em;}

h2.title {font-size: 2em !important; font-weight: lighter !important; text-align: center;}

body a {color: #08893c;}
body a:hover {color: #273cce;}

.readon, .readmore a {color: white;}
.readon:hover {background: #9bc991;}

.sprocket-features-desc a.readon {float: right;}

.button {color: white; background: #01a53c;}
.button:hover {background: #08893c;}

.button:before, .readon:before, .readmore:before, button.validate:before, #member-profile a:before, #member-registration a:before, .formelm-buttons button:before, .sprocket-mosaic-loadmore:before {display: none;}



.fancytable th {background: #06673c; color: white; padding: 5px 10px; border: 1px solid #06673c;}
.fancytable td {padding: 5px 10px; border: 1px solid #06673c;}


.main-bg-green .rt-bg {background: #06673c url(images/background.jpg) 0 0 no-repeat; }


/********** HIDE UNUSED ************/
.homelayout #rt-transition .rt-block.component-block {display: none;}

/********** HEADER **********/
.main-bg-green .rt-bg2 { background-image: none;}
#rt-header .rt-grid-6.rt-omega {background: #fff5dd;}


@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 960px) and (max-width:1199px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #rt-top .rt-block .custom img {max-width: 50%;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {}
@media only screen and (max-width: 480px) {}

   /*** logo ***/
    .rt-block.logo-block {display: none;}
#rt-top p {margin: 0;}

/********** MENU **********/
#rt-header .rt-grid-6 {width: 100%;}
#rt-header .menu-block {width: 100%;}
.menutop li.root > .item {padding: 0;}
.menutop li.root, .menutop.level1 > li { background: none;}
.menutop li.parent.root .item .daddyicon:before {display: none;}

.menutop li.root > .item {color: #06673c;}
.menutop li.root > .item:hover, .menutop li.active .item {color: #8f663c;}

.menutop li.parent.root .item > span {padding-right: 0;}
.menutop li.root > .item > span {padding: 5px 2px;}

.rt-menubar.fusionmenu { float: none; display: table;margin: auto; }
.menutop li.root > .item { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em;}

#rt-header .rt-container { box-shadow: 0 0 30px rgba(0, 0, 0, 0.39);}

.menutop li.root > .item {height: 42px;}

ul.menu li.active.current > a { color: #d5b187; }

@media only screen and (min-width: 1200px) {
    .menutop li.root > .item > span {padding: 5px 25px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .menutop li.root > .item > span {padding: 4px 0; font-size: .8em;}
	.menutop li.parent.root .item { margin-right: 10px;}
}
@media only screen and (max-width: 767px) {
    .rt-menu-mobile select {margin: 11px 0 0 0;}
}



    /********** MENU - DROPDOWN **********/
    .menutop .item {color:white;}
    .fusion-submenu-wrapper {background: #8f663c;}
    .fusion-submenu-wrapper li:hover {background: pink;}

    /********** MENU - MOBILE **********/

    /********** MENU - SECONDARY PAGES RIGHT COLUMJ **********/
    .box2 {background-color: #06673c; background-image: none;}
    .module-content .menu .item, .module-content .menu a, .module-content .menu .no-link {color: white;}
    .module-content .menu a:hover {color: #fff5dd; background: transparent;}

.module-content ul.menu li a {font-weight: normal;}

/********** ALERT **********/
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {color: red !important;}

/********** ROTATOR / SHOWCASE **********/
body .layout-showcase .sprocket-features-content {padding: 0; margin-top:25px;}
#rt-showcase h2 {font-family: 'Cinzel', serif !important; border-bottom: none; margin: 25px 5px 5px 30px;}
#rt-showcase .rt-block {margin: 0px 10px 0 0 ; padding: 0 15px;}
.layout-showcase .sprocket-features-img-container img {border-radius: none !important;}
.layout-showcase .sprocket-features-content .readon {margin-top: 10px;margin: 10px; padding: 5px;}
.layout-showcase ul {margin: 0 0 10px 0;}

body .layout-showcase .sprocket-features-desc {margin-top: 0px !important;}
.layout-showcase .sprocket-features-desc {
    margin: 20px 10px 10px 30px;
}
#rt-transition .rt-container.main-surround {margin-top: 15px;}
.layout-showcase .sprocket-features-pagination li.active {color: white;}

@media (max-width: 767px) {
    body #rt-showcase .layout-showcase {margin: -7px -25px 0 -25px;}
	body .layout-showcase .sprocket-features-desc {   display: inherit; }
	body .layout-showcase .sprocket-features-content { height: 200px;}
	body .layout-showcase .sprocket-features-content { margin: 10px 10px 0px 10px;}
	body #rt-showcase .layout-showcase .sprocket-features-content h2 { margin: 0; padding: 0;}
	.layout-showcase .sprocket-features-desc { margin: 20px 0;}
	#rt-showcase .rt-block {margin: 0;}
	#rt-feature .rt-block, #rt-main .rt-block, #rt-mainbottom .rt-block {padding: 15px 10px; margin: 10px 0;}
}



/********** CONTENT **********/
#rt-feature h2.title, #rt-mainbottom h2.title {color: white !important;}

#rt-mainbody-surround {background: #fff5dd;}
#rt-mainbody-surround #rt-main {
    background-image: none;
    border-top: none;
    border-bottom: none;
}



.sprocket-mosaic .sprocket-mosaic-header, .sprocket-mosaic .sprocket-mosaic-container {
    border-bottom: none;
    background-image: none;
}

.sprocket-mosaic-item .sprocket-padding {padding: 20px 5px 5px 5px;}
    /*** 3 icons ***/

    .sprocket-readmore.readmore {display: none;}
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-padding { background-image: none; text-align: center;}
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-image-container img {border: 5px solid white; 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
    .sprocket-mosaic-item .sprocket-mosaic-image {width: 85%;}

    .sprocket-mosaic .sprocket-mosaic-container li {background-color: transparent; background-image: none;}

    .sprocket-mosaic .sprocket-mosaic-item .sprocket-padding:hover {background: #d8e6dd;}
    .sprocket-mosaic-item .sprocket-mosaic-title a {font-size: .65em;}
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent {
        background-color: #9bc991; background-image: none; }

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title {line-height: .5em;}

.sprocket-mosaic .sprocket-mosaic-header {display: none;}

.sprocket-mosaic .sprocket-mosaic-item:hover {background: inherit;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-padding {transition: all 0.5s ease; }
    
@media only screen and (max-width: 767px) and (min-width: 481px) {
    body .sprocket-mosaic .sprocket-mosaic-title a {font-size: 100%;}
}

    /*** PARISH HEADLINES ***/
    #rt-mainbottom .rt-container h4 {background: transparent; font-size: 1.1em !important; border-radius: none !important; border-bottom: none; margin: 5px 0 !important;}
    #rt-mainbottom .rt-container a {color: black;}
    #rt-mainbottom .rt-container a:hover {color: #03a63c; }

#rt-mainbottom .rt-grid-6.rt-alpha {width: 60%;}
#rt-mainbottom .rt-grid-6.rt-omega {width: 40%;}

#rt-feature .rt-grid-4 {width: 500px;}
#rt-feature .rt-grid-4.rt-alpha {width: 250px;}
#rt-feature .rt-grid-4.rt-omega {width: 200px;}

#rt-mainbottom a.readon {color: white;}
#rt-mainbottom a.readon:hover {color: white;}

@media only screen and (min-width: 1200px) {
	#rt-feature .rt-grid-4 {width: 700px;}
	#rt-feature .rt-grid-4.rt-alpha {width: 300px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #rt-feature .rt-grid-4.rt-omega {width: 100%;}
}



@media only screen and (max-width: 767px) {
    #rt-feature .rt-grid-4 {width: 100%;}
    #rt-feature .rt-grid-4.rt-alpha {width: 100%;}
    #rt-feature .rt-grid-4.rt-omega {width: 100%;}
    #rt-mainbottom .rt-grid-6.rt-alpha {width: 100%;}
    #rt-mainbottom .rt-grid-6.rt-omega {width: 100%;}
	.sprocket-mosaic-image-container {width:  75%; margin: auto; }
}



    /*** content search mobile ***/
.rt-block.visible-phone {
    padding: 0;
    float: none;
    display: table !important;
    margin: auto;
}


/********** FOOTER **********/
#rt-copyright .rt-container {
    background: transparent;
    box-shadow: none;
}

#rt-copyright h2 {font-weight: normal !important; border-bottom: none;}
#rt-copyright a, #rt-copyright p {color: white;}
#rt-copyright hr {display: none;}

   /*** Footer - social media ***/
.socialmedia {width: 100%;}




/********************************************************************************************************/
/****************************************  SPONSORSHIP PAGE ***********************************************/
/********************************************************************************************************/

.sponsorshippage h4 {background: transparent;}
.sponsorshippage h4.sprocket-lists-modern-title {color: #06673C !important;}
.sponsorshippage .component-block .sprocket-tables .readon {background: #06673C;}
.sponsorshippage .component-block .sprocket-tables .readon:hover {background: transparent; color: #06673C;}
.sponsorshippage .equaltables > div {padding-left: 10px;}