<!-- brown as of now teal wasn't the best color-->
.borderLightTeal
{
    border:solid #57402D 5px!important;
	
    padding:5px;
    box-shadow: 10px 10px 20px #888;
}

/*bg colors */
.bgGreen
{
	background-color: #088918;
    padding:5px;
}
.bgLightGreen
{
	background-color: #4AAFB8;
    padding:5px;
}
.bgMediumGreen
{
	background-color: #2ECC41;
    padding:5px;
}
.bgBlue
{
	background-color: #132E77;
    padding:5px;
}
.bgLightBlue
{
	background-color: #6A91FD;
    padding:5px;
}
.bgMediumBlue
{
	background-color: #728ACA;
    padding:5px;
}
.bgTeal
{
    background-color: #107E88;
    padding:5px;
}
.bgLightTeal
{
	background-color: #4AAFB8;
    padding:5px;
}
.bgMediumTeal
{
	background-color: #279BA6;
    padding:5px;
}
.infomsg
{
	background-color: #EBEDE9;
    padding:25px;
}

.sc_accordion-content 
{
	padding-left:0px!important;
}

/* Emulating twitter/facebook style comments */
.comment div:before
{
	content: url(http://www.sligolive.ie/wp-content/uploads/2016/09/user-128.png);
}
.comment > div 
{
    border:solid #E3E3E3 2px;
  	border-radius: 15px;
  	padding:25px;
  	margin-top:25px;
  	margin-bot:25px;
}

/* BOX --------------------------------------------------  */
/* a placeholder for an image and it's variations */
.liveBox 
{
  	border-radius: 15px;
  	padding:25px;
    position:relative;
    background: transparent;
}
.liveBoxB
{
  	border-radius: 15px;
  	margin:25px;
    border: solid 2px #E3E3E3;
    padding:15px;
}
/* fairly Large Shadow */
.liveBoxC
{
    background-color:#f2f2f2;
    -webkit-box-shadow: 12px 13px 59px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 12px 13px 59px 0px rgba(0,0,0,0.75);
    box-shadow: 12px 13px 59px 0px rgba(0,0,0,0.75);
}
/* lighter Shadow */
.liveBoxD
{
    background-color:#f2f2f2;
    -webkit-box-shadow: 12px 13px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 12px 13px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 12px 13px 30x 0px rgba(0,0,0,0.75);
    padding: 15px;
}

.liveBoxE
{
  	margin:25px;
    border: solid 2px #E3E3E3;
    padding:15px;
}

/* FONTS --------------------------------------------------  */
.fontTealMedium
{
  	color:#107e88;
    font-size:2em;
  	margin: 0px;
  	padding: 0px;
	font-family: 'nexa-rust-black-01' !important;  
}
.fontTealMedium a
{
	color:#107e88;
  	margin: 0px;
  	padding: 0px;
}

.fontTeal
{
  	color:#107e88;
  	margin: 0px;
  	padding: 0px;
    font-size:1.2em;
	font-family: 'nexa-rust-black-01' !important;  
}
.fontTeal a
{
	color:#107e88;
  	margin: 0px;
  	padding: 0px;
}

/* This acts a bit like header , it slides in and fades in. */
.fontWhiteMedium
{
	font-size:2em;
    color: #FFFFFF;
    font-family: 'nexa-rust-black-01' !important;
}
.fontBlueMedium
{
	font-size:2em;
    color:#3a7ba9;
    font-family: 'nexa-rust-black-01' !important;
}
.fontWhiteNormal a
{
	font-size:1em!important;
    color: White!important;
    font-family: 'nexa-rust-black-01' !important;
    padding: 15px;
}
.fontWhiteMediumC
{
    font-size:1.2em!important;
    color: #FFFFFF;
    font-family: 'nexa-rust-black-01' !important;
} 
.fontWhiteMediumC a
{
    font-size:1.2em!important;
    color: White!important;
    padding: 15px;
}
.fontWhiteMediumB /* Animated text */
{
    font-family: 'nexa-rust-black-01' !important;
	color: #FFFFFF;
    padding: 5px;
    width:100%;
    font-size:1em;
    border-radius: 2px;
    background: linear-gradient(to right, #107e88 , #FFFFFF);
    animation-name: opacity;
    opacity:0;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-fill-mode: forwards; 
}

@keyframes opacity {
    from { opacity:0;margin-left:10% }
    to {opacity:1;margin-left:0% }
}

.otherbgTricks
{
  background: repeating-linear-gradient(
      45deg,
      #2C8891,
      #2C8891 10px,
      #4B9EA6 10px,
      #4B9EA6 20px
    );
}

/* This is the fancy font you can see being used for headings and titles. */
.fontRust
{
	font-family: 'nexa-rust-black-01' !important;
}

/* BROCHURE FIDDLER OF DOONEY----------------------------------  */
.brochureBlack
{
    width:65%;
	text-align:left;
  	border: solid 2px #E3E3E3;
  	padding: 50px;
    font-weight:500;
  	background-color: black;
    color:#009ECF;
}
.brochureWhite
{
    width:65%;
    border: solid 2px #E3E3E3;
	text-align:left;
  	padding: 50px;
    font-weight:500;
    color:#728ACA;
}
.brochureBlack strong
{
  	color:#009ECF;
}
.brochureAltFont
{
	color:#ffa31a!important;
  	font-weight:600!important;
}
.brochureAltFont strong
{
	color:#ffa31a!important;
}
.brochureAltFontRed
{
	color:#D10000!important;
  	font-weight:600!important;
}
.brochureAltFontOrange
{
	color:#FF6600!important;
  	font-weight:600!important;
}
.brochureAltFontRed strong
{
	color:#D10000!important;
}

/*  GHOST BACKGROUND settings - add background image separately seperetly  */
    .bgsettings
    {
        content : "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity : 0.25;
        filter: alpha(opacity=25);
        z-index: 1;
        border-radius: 15px;
    }