/* Editing file "/css/custom/custom.css" in template "jsn_dona2_pro". */
/* Write your custom css code here */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~ in CORE/general_274ad4786c3abca69fa097b85867d9a4.css ~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ---DEFAULT--- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.1;
  color: #444; /* 282828 */
  letter-spacing: 0px;
}

/* ---CUSTOM--- */

h1, .h1 { 
  	font-size: 13px; 					/* 31px CATEGORIES */
  	color: #16a085; 
  	letter-spacing: 1.5px; 
  	border-bottom:1px solid #ffaa00; 
  	padding-bottom: 3px !important; 
  	line-height: 1.4; 
}

h2, .h2 { 
  	font-size: 25px; 					/* 25px TITLES*/
  	color: #16a085; 
  	margin-bottom: -10px !important; 
}

h3, .h3 { font-size: 20px; } 			/* 21px SUHHEADINGS */
h4, .h4 { font-size: 17px; } 			/* 15px */
h5, .h5 { font-size: 15px; line-height: 1.2;} 			/* 12px */

h6, .h6 { 
  	font-size: 13px; 					/* 11px NOTES */
  	line-height: 1.3; 
  	color: #555; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ JCE IMAGE CAPTIONING ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
   IMPORTANT: Except for caption styles, these settings should be permanent. 
              Adjusting this nor the defaults in JCE will not affect existing captioned images with custom settings.
              Unless overriding, only the actual text and floating alignment needs to be set for each image.
              If undesired custom settings were made for an image, reset captioning (button off-on) to get the defaults below. */

.wf_caption {
	font-size: 13px;					/* caption - adjustable */
  	font-family: 'Archivo Narrow';
    line-height: 1.3;					/* caption - adjustable */
  	letter-spacing: 0;
	color: #888;
    border-bottom: 1px solid #ffaa00;	/* container */
    padding-bottom: 4px !important; 	/* aesthetic adjustment for bottom of caption */
    margin-top:0; 						/* between container & bodytext */
    margin-bottom: 7px; 				/* between container & bodytext */
}

.wf_caption img {
	padding-bottom: 5px;				/* between img & caption */
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ OSMap ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~ overriding css files in: media/com_osmap/css/ ~~~~~~ */

.osmap-items {
    padding-left: 2px !important;        /* reduce left margin */
	font-family: 'Archivo Narrow';
    font-size: 14px;                     /* reduce font size   */
    font-weight: 400;
  	line-height: 1.3;	
}
.osmap-items ul {
    margin: 0;
    margin-bottom: 2px;
    margin-left: -23px !important;       /* reduce indentation */
}
.osmap-items ul ul {
    padding-bottom: 4px;
    border-bottom: 15px solid #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Advanced Twitter Display ~~~~~~~~~~~~~~~~ */
/* branding paragraph deleted in 
   modules/mod_advanced_twitter_display/tmpl/default.php       */

.atom_twitter_feeds {
    font-size: 1px; /* hides loading text; fixes topmargins    */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ GTranslate ~~~~~~~~~~~~~~~~~~~~~~~ */

.gtranslate_custom {
	font-size: 14px;
  	font-family: 'Archivo Narrow';
  	float: right;
  	margin-right: 35px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ LOGOS ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header_logo {
  	height: 80px;
}
.header_logo-mobile-xxx {
  	height: 90px;
  	margin-bottom: -47px !important;
  	margin-top: 5px !important;
  	margin-top: -55px !important;
}
.header_logo-mobile {
  	height: 112px;
  	margin-top: -50px !important;
  	margin-bottom: 5px !important;
}
.header_menusearch-mobile {
  	margin-top: -18px !important; /* hides bar to save on space */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ HOMEPAGE MODULES ~~~~~~~~~~~~~~~~~~~~ */

#hpresources {
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
}
.hpresources {
  	float: left;
  	margin: 5px;  
  	border: 1px solid #666;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hpstories-high-title { 
	font-size: 26px;
  	font-family: 'Archivo Narrow';
    line-height: 1.2;
  	margin-top: 15px;
  	margin-bottom: 0;
}
#hpstories-main 	  { float: left; padding-right: 20px; }
#hpstories-main-width { max-width: 680px; }

.hpstories-main-title { 
	font-size: 24px;
  	font-family: 'Archivo Narrow';
    line-height: 1.2;
  	margin-top: 15px;
  	margin-bottom: 30px;
}

#hpstories-more 	  { float: left; margin-top: 5px; }
#hpstories-more-width { max-width: 440px; }
.hpstories-more-image { float: left; width: 69.4%; padding-right: 10px; }

.hpstories-more-title { 
	font-size: 16px;
  	font-family: 'Archivo Narrow';
    line-height: 1.3;
  	margin-top: -5px;
}
.divclear { clear: both; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.button_more {
	font-size: 9px;
	letter-spacing: 2px;
	padding: 4px 6px 3px 8px;
	border: 1px dashed #ffaa00;
  	background-color: #ffd77a;
	transition-duration: 0.4s;
}
.button_more:hover {
	border: 1px solid #16a085;
  	background-color: #16a085;
}

.button_more a:link {
  	color: #16a085 !important;
}
.button_more a:hover {
    color: #fff !important;
}

/* ~~~~~~~~~~~~~ HIDDEN VIDEO IMAGE FOR FB SCRAPING ~~~~~~~~~~~ */

.hidden { display:none; }