/*------------------------------------------------------------------------
# "Hot Humanity" - Commercial Joomla Template
# Copyright (C) 2015 HotThemes. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotThemes
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/******* COMMON SPARKY'S TEXT STYLES *******/

body {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}

.clr {
    clear:both;
}

p {
	margin: 0 0 15px;
}

h1 {
    padding:0 0 17px 0;
    margin:0 0 50px 0;
    line-height:normal;
    border-bottom: 2px solid #ffcc00;
    display: inline-block;
}

.sparky_home h1, .sparky_home h1 a {
	text-align: center;
}

h2, h2 a {
    padding:25px 0 15px;
    margin:0;
    line-height:normal;
}

h3 {
    margin:15px 0;
    padding:0;
}

h4 {
    margin:0 0 15px 0;
    padding:0;
}

/* read more button */

p.readmore a {
	display: inline-block;
	padding: 4px 12px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #333;
}

p.readmore a:hover, p.readmore a:focus {
	color: #333333;
	text-decoration: none;
}

p.readmore a span {
	display: none;
}

/* contacts category layout */

.category th {
	height: 30px;
	background: #eee;
}

.category .item-num {
	width:9%;
	padding:1%;
}

.category .item-title {
	width:17%;
	padding:1%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
	text-decoration:underline;
}

.category .item-position {
	width:17%;
	padding:1%;
}

.category .item-phone {
	width:17%;
	padding:1%;
}

.category .item-suburb {
	width:17%;
	padding:1%;
}

.category .item-state {
	width:17%;
	padding:1%;
}

/* forms */

.input {
	margin:0;
	padding:0;
}

.inputbox, input.required, textarea.required {
	display: inline-block;
	vertical-align: middle;
	padding: 8px;
	margin: 0;
	background-color: #ffffff;
	color:#555555;
	border: 2px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.button, .btn {
	display: inline-block;
	padding: 8px 25px;
	margin: 0;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}

.button:hover, .btn:hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
	background-color: #e6e6e6;
}

.mp_right .button, .mp_right .btn, .mp_left .button, .mp_left .btn {
	border: 2px solid #333;
}

#login-form input {
	padding: 4px;
}

/* lists */

ul, ol {
	margin: 15px 45px;
	padding: 0;
}

div.item-page ol li, div.item-page ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

div.icons ul.dropdown-menu li {
	margin: 0;
}

ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
	margin: 15px 45px;
	padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.clock li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
	list-style: none;
	padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.clock li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
	font-family: FontAwesome;
    padding: 0;
    margin: 0 -20px;
    position: absolute;
}

ul.arrow li:before {
    content: "\f061";
}

ul.arrowleft li:before {
    content: "\f060";
} 

ul.calendar li:before {
    content: "\f073";
}

ul.checklist li:before {
    content: "\f00c";
}

ul.clock li:before {
    content: "\f017";
}

ul.delete li:before {
    content: "\f00d";
}

ul.email li:before {
	content: "\f0e0";
}

ul.file li:before {
	content: "\f15b";
}

ul.folder li:before {
	content: "\f07b";
}

ul.heart li:before {
	content: "\f004";
}

ul.information li:before {
	content: "\f05a";
}

ul.lock li:before {
	content: "\f023";
}

ul.pencil li:before {
	content: "\f040";
}

ul.person li:before {
	content: "\f007";
}

ul.play li:before {
	content: "\f04b";
}

ul.rss li:before {
	content: "\f09e";
}

ul.shop li:before {
	content: "\f07a";
}

ul.song li:before {
	content: "\f001";
}

ul.star li:before {
	content: "\f005";
}

ul.star2 li:before {
	content: "\f006";
}

ul.trash li:before {
	content: "\f014";
}

ul.tweak li:before {
	content: "\f0ad";
}

ul.unlock li:before {
	content: "\f09c";
}

ul.warn li:before {
	content: "\f071";
}

/* font awesome icon sizes */

.fa-1 {
	font-size: 1em;
}

.fa-2 {
	font-size: 2em;
}

.fa-3 {
	font-size: 4em;
}

.fa-4 {
	font-size: 7em;
}

.fa-5 {
	font-size: 12em;
}

.fa-6 {
	font-size: 16em;
}

/* typography */

.warning {
	padding:15px 30px 15px 90px;
	color:#000;
	border: 1px solid #ffcc00;
	background:#ffff66;
	min-height: 50px;
}

.warning:before {
	font-family: FontAwesome;
	content: "\f071";
	font-size: 4em;
	color: #ffcc00;
	position: absolute;
	margin: 0 0 0 -70px;
	line-height: 1;
}

.info {
	padding:15px 30px 15px 90px;
	color:#006699;
	border: 1px solid #006699;
	background:#bde1ff;
	min-height: 50px;
}

.info:before {
	font-family: FontAwesome;
	content: "\f05a";
	font-size: 4em;
	color: #006699;
	position: absolute;
	margin: 0 0 0 -70px;
	line-height: 1;
}

.error {
	padding:15px 30px 15px 90px;
	color:#900;
	border: 1px solid #900;
	background:#f8b5b5;
	min-height: 50px;
}

.error:before {
	font-family: FontAwesome;
	content: "\f057";
	font-size: 4em;
	color: #f057;
	position: absolute;
	margin: 0 0 0 -70px;
	line-height: 1;
}

.typewriter {
	background: url(../images/typewriter_bg.png);
	padding:20px 15px 20px 30px;
	color:#000;
	font-family:"Courier New", Courier, monospace;
	line-height:20px;
	text-align:left;
}

blockquote {
	margin:0;
	padding:15px 15px 15px 15px;
	font-size:150%;
	font-style:italic;
	font-family: serif;
	line-height:normal;
}

blockquote:before {
	font-family: FontAwesome;
	content: "\f10d";
	font-size: 4em;
	font-style:normal;
	color: #ddd;
	float: left;
	margin-right: 30px;
}

.dropcap:first-letter {
	font-size: 300%;
	font-weight:bold;
	float:left;
	margin:0 10px 5px 0;
	line-height: 1;
}

span.p_number {
	font-size: 400%;
	font-weight:bold;
	float:left;
	margin:0 10px 10px 0;
	position: relative;
	line-height: 40px;
}

.inset_left {
	display:block;
	float:left;
	width: 150px;
	font-style: italic;
	margin: 15px 15px 15px 0;
}

.inset_right {
	display:block;
	float:right;
	width: 150px;
	font-style: italic;
	margin: 15px 0 15px 15px;
}

.inset_title {
	font-weight:bold;
	display:block;
}

img.img_left {
	float:left;
	margin:0 30px 30px 0;
}

img.img_right {
	float:right;
	margin:0 0 30px 30px;
}

/******* CUSTOM ROWS AND CELLS STYLING *******/

.sparky_full {
}

.container {
	margin:0 auto;
	padding:0;
}

.row > * {
	float:left;
}

/* abovecontent and belowcontent modules */

div.abovecontent {
	padding: 0 0 30px 0;
}

div.belowcontent {
	padding: 30px 0 0 0;
}

p.copyright {
	text-align: center;
}

/******* HOT HUMANITY SPECIFICS *******/

a, a:hover, .button:hover, .button, .btn:hover, .btn, i, i:hover {
	transition: all .3s;
}

/* logorow */

.logorow {
	position: absolute;
	width: 100%;
	z-index: 1;
	-webkit-box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, 0.33);
	box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, 0.33);
}

.logorow div.container {
	background: transparent;
}

.logorow div.container .row {
	max-width: 100%;
}

.sparky_logo {
	padding-top: 10px;
}

.mp_top1 {
	text-align: right;
	position:absolute;
	top:5px;
	right:20px;
	z-index:999;
	
}

.mp_top1 .btn {
	background: #ffcc00;
	margin-top: 25px;
}

.mp_top1 .btn:hover {
	background: #fff;
}

.mnu_topmenu > li, .mnu_topmenu-es > li , .mnu_topmenu-va > li , .mnu_topmenu-tr > li  {
	text-transform: uppercase;
}

.mnu_topmenu > li.active > a, .mnu_topmenu > li.active > span ,
.mnu_topmenu-es > li.active > a, .mnu_topmenu-es > li.active > span, 
.mnu_topmenu-va > li.active > a, .mnu_topmenu-va > li.active > span, 
.mnu_topmenu-tr > li.active > a, .mnu_topmenu-tr > li.active > span {
	border-bottom: 1px solid #ffcc00;
}

.mnu_topmenu > li.active > a:hover, .mnu_topmenu > li.active > span:hover, 
.mnu_topmenu > li.active:hover > a, .mnu_topmenu > li.active:hover > span ,
.mnu_topmenu-es > li.active > a:hover, .mnu_topmenu-es > li.active > span:hover, 
.mnu_topmenu-es > li.active:hover > a, .mnu_topmenu-es > li.active:hover > span ,
.mnu_topmenu-va > li.active > a:hover, .mnu_topmenu-va > li.active > span:hover, 
.mnu_topmenu-va > li.active:hover > a, .mnu_topmenu-va > li.active:hover > span ,
.mnu_topmenu-tr > li.active > a:hover, .mnu_topmenu-tr > li.active > span:hover, 
.mnu_topmenu-tr > li.active:hover > a, .mnu_topmenu-tr > li.active:hover > span 
{
	color: #fff !important;
	text-shadow: 1px 1px 0 #333;
}

.mnu_topmenu li ul li:hover > a, .mnu_topmenu li ul li:hover > span,
.mnu_topmenu-es li ul li:hover > a, .mnu_topmenu-es li ul li:hover > span,
.mnu_topmenu-va li ul li:hover > a, .mnu_topmenu-va li ul li:hover > span,
.mnu_topmenu-tr li ul li:hover > a, .mnu_topmenu-tr li ul li:hover > span {
	text-shadow: 1px 1px 0 #333;
}

.sparky_inner .logorow {
	background: #000;
	position: relative;
}

/* carouselrow */

.carouselrow {
	border-bottom: 5px solid #ffcc00;
}

.carouselrow div.container .row {
	max-width: 100%;
}

/* hot full carousel */

.hero-carousel article .contents h2 {
	font-family: "Open Sans",sans-serif;
	color: #fff;
	line-height: 50px;
	text-indent: -40px;
	padding: 50px 0 0 0;
	font-size:60px;
}

.hero-carousel article .contents {
	background: url(../images/custom/carousel_bg.png) no-repeat;
	min-height: 389px;
}

.hero-carousel article .contents > div {
	padding: 0 50px;
}

.hero-carousel article .contents p {
	text-transform: uppercase;
	text-align: right;
	max-width: 70%;
}

/* contentrow */

div.container {
	background: #fff;
}

div.container .row {
	max-width: 1180px;
	margin: 0 auto;
}

.contentrow div.container {
	padding: 50px 0;
}

.contentrow p, .contentrow li {
	line-height: 1.5;
}

.mp_right .cell_pad {
	margin-left:30px;
}

.mp_left .cell_pad {
	margin-right:30px;
}

.mp_right .moduletable, .mp_left .moduletable {
	background: url(../images/custom/moduleheading_bg.png) 0px 45px repeat-x;
	padding-bottom: 30px;
}

.mp_right h3, .mp_left h3 {
	text-transform: uppercase;
	font-weight: 300;
	border-bottom: 1px solid #ffcc33;
	padding-bottom: 6px;
	display: inline-block;
}

.mp_right ul, .mp_left ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mp_right li, .mp_left li {
	padding: 5px 0;
	margin: 0;
}

.mp_right li a, .mp_left li a {
	color: #666;
}

.mp_right li a:hover, .mp_left li a:hover {
	color: #ffcc33;
}

.tagspopular li, .tags li {
	margin: 0 3px 6px 3px;
	padding: 0;
	display: inline-block;
}

.tagspopular li a, .tags li a.label {
	padding: 0 15px;
	background: #f6f6f6;
	line-height: 30px;
	border-radius: 15px;
	display: inline-block;
	font-size: 14px;
	color: #666;
	text-shadow: none;
	font-weight: 400;
}

.tagspopular li a:hover, .tags li a.label:hover {
	background: #ffcc33;
	color: #fff;
}

ul.tags {
	margin: 10px 0;
	padding: 0;
}

.sparky_inner .items-row .item, .sparky_inner .items-row .item-image {
	margin-bottom: 60px;
}

.sparky_inner .page-header {
	padding: 0;
	margin: 0;
}

.sparky_inner .items-row h2, .sparky_inner .items-row h2 a {
	font-weight: 300;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 0;
}

.sparky_inner .items-row h2 a:hover {
	color: #ffcc00;
}

.sparky_inner .item-page h2 {
	font-weight: 300;
	font-size: 32px;
}

.item-page .item-image {
	margin-bottom: 15px;
}

/* user1row */

.user1row div.container {
	background: #f9f7f3;
	padding: 50px 0;
}

.user1row div.moduletable {
	text-align: center;
}

.user1row h3 {
	font-size: 32px;
	text-align: center;
	padding:0 0 17px 0;
    margin:0 0 50px 0;
    line-height:normal;
    border-bottom: 2px solid #ffcc00;
    display: inline-block;
}

.user1row div.moduletable div.custom {
	text-align: left;
}

.user1row i {
	font-size: 40px;
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	background: #e9753a;
	margin: 0 30px 45px 0;
}

/* user2row */

.user2row {
	color: #000;
}

.user2row div.container {
	background: url(../images/custom/volunteer_bg.jpg) no-repeat;
	padding: 100px 0;
}

.mp_user2 {
	max-width: 400px;
}

.user2row h3 {
	font-size: 32px;
	padding:0 0 17px 0;
    margin:0 0 20px 0;
    line-height:normal;
    font-weight: 300;
}

.user2row h3 span {
	border-bottom: 2px solid #ffcc00;
	font-weight: 700;
}

.user2row p.readmore a.btn {
	background: transparent;
	padding: 12px 30px;
	margin-top: 15px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	font-weight: 700;
	color: #000;
}

.user2row p {
	line-height: 1.8;
}

/* user3row */

.user3row div.container {
	padding: 50px 0;
}

.user3row div.container .row {
	max-width: 1210px;
}

.user3row h4 {
	padding: 25px 0 15px;
	margin: 0;
	font-size: 18px;
	text-align: center;
}

.user3row h4 span {
	font-weight: 300;
	color: #666;
}

.user3row p {
	text-align: center;
}

.user3row img {
	border-bottom: 4px solid #ffcc33;
}

/* hot film tape */

.list_carousel.responsive {
	width: 100% !important;
}

#hot_film_tape_pager {
	display: block;
}

#hot_film_tape_pager a {
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	padding: 0;
	background-color: #fff;
	border: 2px solid #666;
}

#hot_film_tape_pager a.selected {
	background-color: #666;
}

/* bottomrow */

.bottomrow {
	background: url(../images/custom/bottom_bg.jpg);
	background-size: cover;
	border-top: 5px solid #ffcc33;
	padding: 100px 0 150px;
	color:#FFF;
}

.bottomrow div.container, .copyrightrow div.container {
	background: transparent;
}

.bottomrow h3 {
	color: #ffcc33;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
}

.bottomrow i {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #ffcc33;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	margin: 0 10px 10px 0;
}

.bottomrow i:hover {
	background: #fff;
}

.copyrightrow {
	margin-top: -40px;
	color: #fff;
}

.copyrightrow a {
	color: #fff;
	font-weight: bold;
}

/* responsive */

@media (max-width: 1590px) {
    .hero-carousel article .contents {
    	background-size: 100%;
    }
}

@media (max-width: 1400px) {
    .hero-carousel article .contents {
        width: 45%;
    }
}

@media (min-width: 1200px) {
	.contentrow .cell_pad, .user1row .cell_pad {
		margin: 0 20px;
	}

}

@media (max-width: 992px) {
    .hero-carousel article .contents {
        width: 50%;
    }

    .user2row div.container {
    	background-position: top center;
    }

    .logorow .cell {
    	width: 33.33%;
    }

    .mp_topmenu {
    	text-align: center;
    }

    input.search-query {
    	max-width: 110px;
    }
}

@media (max-width: 850px) {

    .hero-carousel article .contents {
        width: 70%;
        top: 350px;
    }

}

@media (max-width: 768px) {

    .bottomrow .cell_pad {
    	margin-bottom: 30px;
    }

    .items-row img {
    	width: 100%;
    	float: none;
    }

    .pull-left, .pull-right {
    	float: none;
    }

    .inputbox, input.required, textarea.required {
    	max-width: 250px;
    }

}

@media (max-width: 767px) {

	.logorow .mp_logo {
    	width: 100%;
    	text-align: center;
    }

    .sparky_logo {
    	text-align: center;
    }

    .logorow .mp_topmenu, .logorow .mp_top1 {
    	width: 50%;
    }

    .logorow .mp_topmenu {
    	text-align: left;
    }

    .mp_top1 {
    	margin-bottom: 30px;
    }

    .nav-toggle, .mp_top1 .btn {
    	margin-top: 0;
    }

    .hero-carousel article .contents {
        width: 90%;
    }

    .hero-carousel article .contents h2 {
    	font-size: 60px;
    	line-height: 50px;
    }

}