/*
Theme Name: Douglas child Theme
Theme URI: -
Description: Douglas Shire Council
Version: 1.01
Author: Goodlayers
Author URI: http://goodlayers.com
Template: douglas
License:
License URI:
Tags: white, light, Orange, two-columns, flexible-width, custom-background, custom-colors, featured-images, theme-options
*/
@import url("../douglas/style-custom.css");

#camContent ul { list-style-type:none; width:100%; text-align:center; padding:0; margin:0; border:0;}
#camContent ul li { display:inline-block; margin-right:10px; list-style-type:none; background:none; padding:0;}
#camContent ul li img { width:100px;}
#bigImageDiv { width:100%; text-align:center;}
#refreshDiv {width:100%; text-align:center; margin:10px 0 35px;}

.header-part-main{display:inline-block; width:100%; padding:5px 0; box-shadow:0 2px 7px #555555;}
.header-part-main h3{display:inline-block; width:auto; margin:0; font-size:18px; text-transform:uppercase; color:#FFF; padding-left:10px; line-height:48px;}
.header-part-main .right-header-part{width:auto; float:right; padding-right:10px;}
.header-part-main .right-header-part span{width:100%; display:inline-block; text-align:center; color:#FFF; font-size:24px; line-height:30px;} 
.header-part-main .right-header-part h5{width:auto; margin:0; color:#FFF; font-size:14px;}

.main-dtl-cls{width:100%; padding:20px 0; display:inline-block;}

.main-dtl-cls .top-text-bar{float:left; width:100%; margin-bottom:20px; padding:0;}
.main-dtl-cls .top-text-bar h3{width:100%; margin:0px; padding:10px 0; font-size:18px; color:#1c2b39;}

.main-dtl-cls .emerzancy-part-cls{float:left; width:100%; margin-bottom:10px; padding:0;}
.main-dtl-cls .emerzancy-part-cls h5{width:100%; padding:10px; display:inline-block; background:#eee; color:#1c2b39; font-size:15px; box-sizing:border-box;}
.main-dtl-cls .emerzancy-part-cls h5 a{color:#d15420;}

.main-dtl-cls .list-part-first{width:100%; padding:0; margin-bottom:20px; float:left;}
.main-dtl-cls .list-part-first ul{width:100%; padding:0; display:inline-block; margin:0; list-style:none;}
.main-dtl-cls .list-part-first ul li{width:270px; padding:0 20px 0 0; margin:0; list-style:none; float:left;}
.main-dtl-cls .list-part-first ul li.last-child{width:270px; padding:0;}
.main-dtl-cls .list-part-first ul li .list-box-part1{width:100%; padding:30px 0; background:#381460;}
.main-dtl-cls .list-part-first ul li .list-box-part2{width:100%; padding:30px 0; background:#2261ae;}
.main-dtl-cls .list-part-first ul li .list-box-part3{width:100%; padding:30px 0; background:#007c89;}
.main-dtl-cls .list-part-first ul li .list-box-part4{width:100%; padding:30px 0; background:#d15420;}
.main-dtl-cls .list-part-first ul li span{width:100%; text-align:center; font-size:24px; color:#fff; display:inline-block;}
.main-dtl-cls .list-part-first ul li p{width:100%; text-align:center; margin:10px 0 0 0; padding:0; font-size:14px; color:#fff;}

.main-dtl-cls .list-part-second{width:100%; padding:0; margin-bottom:20px; float:left;}
.main-dtl-cls .list-part-second ul{width:100%; padding:0; display:inline-block; margin:0; list-style:none;}
.main-dtl-cls .list-part-second ul li{width:270px; padding:0 20px 0 0; margin:0; list-style:none; float:left;}
.main-dtl-cls .list-part-second ul li.last-child{width:270px; padding:0;}
.main-dtl-cls .list-part-second ul li .link-dtl{width:100%; padding:15px 0; background:#eee; box-sizing:border-box;}
.main-dtl-cls .list-part-second ul li .link-dtl:hover{background:#f5f5f5;}
.main-dtl-cls .list-part-second ul li .link-dtl p{text-align:center; width:100%; margin:0; padding:0; font-size:16px; color:#101010; text-decoration:none; line-height:30px; display:inline-block;}

.main-dtl-cls .detail-live-part{float:left; width:100%; margin:0; padding:0;}
.main-dtl-cls .detail-live-part .left-part{float:left; width:50%; margin:0; padding:0 10px 0 0; box-sizing:border-box;}
.main-dtl-cls .detail-live-part .right-part{float:left; width:50%; margin:0; padding:0 0 0 10px; box-sizing:border-box;}
.main-dtl-cls .detail-live-part .left-part .news-part-list{width:100%; float:left; margin-bottom:20px;}
.main-dtl-cls .detail-live-part .left-part .news-part-list .heading{width:100%; display:inline-block; background:#1c2b39; padding:7px 10px; box-sizing:border-box;}
.main-dtl-cls .detail-live-part .left-part .news-part-list .heading h3{width:auto; display:inline-block; margin:0; padding:0; font-size:15px; text-transform:uppercase; line-height:36px; color:#FFF;}
.main-dtl-cls .detail-live-part .left-part .news-part-list .heading span{width:auto; float:right;}
.btn-bule{width:auto; padding:5px 10px; font-size:14px; color:#101010; font-weight:normal; border:none; background:#f5f5f5; height:36px; min-width:110px; text-transform:uppercase;}
.btn-bule:hover{background:#007C89; color:#FFF;}
.main-dtl-cls .detail-live-part .left-part .news-part-list h6{margin:5px 0 10px 0; width:100%; font-size:14px; color:#000;}
.main-dtl-cls .detail-live-part .left-part .news-part-list ul{width:100%; margin:0; padding:10px; border:#eee solid 1px; list-style:none; box-sizing:border-box; }
.main-dtl-cls .detail-live-part .left-part .news-part-list ul li{width:100%; display:inline-block; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#eee 1px dotted;}
.main-dtl-cls .detail-live-part .left-part .news-part-list ul li.last-child{border-bottom:none; padding:0; margin:0;}
.main-dtl-cls .detail-live-part .left-part .news-part-list ul li h4{font-size:18px; width:100%; margin:0 0 5px 0; padding:0; color:#1c2b39 ; display:inline-block; font-weight:600; line-height:24px;}
.main-dtl-cls .detail-live-part .left-part .news-part-list ul li p{display:inline-block; width:100%; margin:0; padding:0 0 5px 0; }
.main-dtl-cls .detail-live-part .left-part .news-part-list ul li span{display:inline-block; width:100%; margin:0; padding:0; font-size:12px; font-style:italic; color:#007c89;}


.main-dtl-cls .detail-live-part .left-part .camera-part-dtl{width:100%; float:left; margin-bottom:20px;}
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl .heading{width:100%; display:inline-block; background:#1c2b39; padding:7px 10px; box-sizing:border-box; }
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl .heading h3{width:auto; display:inline-block; margin:0; padding:0; font-size:15px; text-transform:uppercase; line-height:36px; color:#FFF;}
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl .heading span{width:auto; float:right;}
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl h6{margin:5px 0 10px 0; width:100%; font-size:14px; color:#000;}
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl ul{width:100%; margin:0; padding:10px; border:#eee solid 1px; list-style:none; box-sizing:border-box; float:left;}
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl ul li.disaster_cameras_sub{width:100%; float:left; box-sizing:border-box; margin-bottom:5px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl{width:100%; float:left; margin-bottom:20px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl .heading{width:100%; display:inline-block; background:#1c2b39; padding:7px 10px; box-sizing:border-box;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl .heading h3{width:auto; display:inline-block; margin:0; padding:0; font-size:15px; text-transform:uppercase; line-height:36px; color:#FFF;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl .heading span{width:auto; float:right;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl h6{margin:5px 0 10px 0; width:100%; font-size:14px; color:#000;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul{width:100%; margin:0; padding:10px; border:#eee solid 1px; list-style:none; box-sizing:border-box; float:left;}

.main-dtl-cls .detail-live-part .right-part .social-part-dtl{width:100%; float:left; margin-bottom:20px;}
.main-dtl-cls .detail-live-part .right-part .social-part-dtl .heading{width:100%; display:inline-block; background:#1c2b39; padding:7px 10px; box-sizing:border-box; }
.main-dtl-cls .detail-live-part .right-part .social-part-dtl .heading h3{width:auto; display:inline-block; margin:0; padding:0; font-size:15px; text-transform:uppercase; line-height:36px; color:#FFF;}
.main-dtl-cls .detail-live-part .right-part .social-part-dtl .heading span{width:auto; float:right;}
.main-dtl-cls .detail-live-part .right-part .social-part-dtl h6{margin:5px 0 10px 0; width:100%; font-size:14px; color:#000;}
.main-dtl-cls .detail-live-part .right-part .social-part-dtl ul{width:100%; margin:0; padding:20px; border:#eee solid 1px; list-style:none; box-sizing:border-box; }

.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx{width:100%; float:left; /*margin-top:3rem*/}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg{width:100%; display:inline-block; margin-top:-20px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul{width:100%; float:left; margin:0; padding:0; list-style:none; border:none;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li{width:auto; float:left; margin:0; padding:0 15px; list-style:none; border:none;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li h4{width:100%; color:#007b89; font-size:30px; text-align:center; margin-bottom:10px; line-height:40px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li h4 sup{font-size:20px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li p{text-align:center; margin:0; padding:0; font-size:14px; color:#007b89;}


.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li.last-part p{text-align:left; margin:0; padding:0; font-size:14px; color:#007b89; }

h3.sm_heading {font-weight:500; font-size:18px; margin-bottom:30px;}

.douglas-rss-feed{ max-height: 15rem; overflow-y: scroll; overflow-x: hidden;}
.douglas-rss-feed th{border-right:none !important; font-size:15px; color:#333; border-bottom-color:#e5e5e5 !important; background:#fff;}
.douglas-rss-feed td {background: #fff !important; padding:12px 8px !important; border-right:none !important;}
.douglas-rss-feed table{border-top:none !important; border-bottom:none !important; border-left:none !important;}
.degree-part-bx h3{margin-top: 30px;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.main-dtl-cls .detail-live-part .right-part .social-part-dtl{margin-top:-4px;}	
}*/
@media (max-width:767px){
.gdl-page-content .shortcode1-3{width: 100%; margin:20px 0 10px 0 !important;}
.light-box, .medium-box, .dark-box p img{width:100% !important; margin:5px 0 10px 0;}
.gdl-page-content .shortcode1-3 .alignnone, img.alignnone{width:100% !important; margin:5px 0 10px 0 !important;}

.main-dtl-cls .list-part-first ul li{width:100%; padding:0; margin-bottom:10px;}
.main-dtl-cls .list-part-first ul li.last-child{width:100%;}

.main-dtl-cls .list-part-second ul li{width:100%; padding:0; margin-bottom:10px;}
.main-dtl-cls .list-part-second ul li.last-child{width:100%;}

.main-dtl-cls .detail-live-part .left-part{width:100%; padding:0; margin-bottom:20px;}
.main-dtl-cls .detail-live-part .right-part{width:100%; padding:0;}

.main-dtl-cls .detail-live-part .right-part .weather-part-dtl .heading h3{width:auto; font-size:14px; }
.main-dtl-cls .detail-live-part .right-part .social-part-dtl .heading h3{width:auto; font-size:14px; }
.main-dtl-cls .detail-live-part .left-part .camera-part-dtl .heading h3{width:auto; font-size:14px; }
.main-dtl-cls .detail-live-part .left-part .news-part-list .heading h3{width:auto; font-size:14px; }
.btn-bule{font-size:12px;}

.header-part-main h3{font-size:18px;}

.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li h4{font-size:18px; line-height:24px; margin-bottom:5px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li p{font-size:12px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li{padding:0 10px;}
}
@media(min-width:768px) and (max-width:1024px){

.main-dtl-cls .list-part-first ul li{width:25%; padding:0 5px; box-sizing:border-box;}
.main-dtl-cls .list-part-first ul li.last-child{width:25%; padding:0 5px; box-sizing:border-box;}

.main-dtl-cls .list-part-second ul li{width:25%; padding:0 5px; box-sizing:border-box;}
.main-dtl-cls .list-part-second ul li.last-child{width:25%; padding:0 5px; box-sizing:border-box;}

.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li h4{font-size:18px; line-height:24px; margin-bottom:5px;}
.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li p{font-size:12px;}
}
@media (min-width:1180px){
	.main-dtl-cls .detail-live-part .right-part .weather-part-dtl ul .degree-part-bx .first-part-dg ul li.last-part { border-left: 1px solid #eee;}
}
@media(min-width:1024px) and (max-width:1180px){
.main-dtl-cls .list-part-first ul li{width:25%; padding:0 5px; box-sizing:border-box;}
.main-dtl-cls .list-part-first ul li.last-child{width:25%; padding:0 5px; box-sizing:border-box;}

.main-dtl-cls .list-part-second ul li{width:25%; padding:0 5px; box-sizing:border-box;}
.main-dtl-cls .list-part-second ul li.last-child{width:25%; padding:0 5px; box-sizing:border-box;}
}