@charset "utf-8";
/* CSS Document */

/************
   Settings
*************/
.mosaic-hidden-information{ visibility:hidden;width:1px;height:1px}
.mosaic-settings-radio{ text-align:center}
.mosaic-settings-template { padding-right: 30px; float: left }
.mosaic-settings-link-image{border: 2px solid#eee ; border-radius: 10px;padding: 10px; display:inline-block;}
.mosaic-settings-link-image span{width: 100%; text-align:center; display:table;}
.mosaic-settings-listing{display: table; width: 100%; list-style: none; margin:0;}
.mosaic-settings-listing > li{ display: table-row; background: rgba(0,0,0,0); transition: background .2s;box-shadow:0px 1px 0px 0px #dedede;}
.mosaic-settings-listing > li:hover { background: rgba(0,0,0,.035);}
.mosaic-settings-listing > li > div { display: table-cell; vertical-align: top; padding: 10px 20px;}
.mosaic-settings-listing .heading .dnnLabel{ width: auto;}
.mosaic-settings-listing .heading:hover{ background: none;}
/*********Item Number**********/
.mosaic-settings-numbers span{ background-color: #1b5c91; color: #fff; display:block;width: 25px;height:25px;line-height:25px;text-align:center;}
/*********Image Settings**********/
.mosaic-settings-image-wrap{ height: 100px; width: 100px; position: relative;}
.mosaic-settings-image-wrap .placeholder{ background-color: #1b5c91; color: #fff; height: 100px; width: 100px; font-size: 30px; font-weight: bold; line-height: 100px; text-align: center; }
.mosaic-settings-image-wrap img{ height: 100px; width: 100px; object-fit: cover;}
.mosaic-settings-image-wrap .image-edit { display: block; height: 100px; width: 100px; position: absolute; top: 0;}
.mosaic-settings-image-wrap .image-edit i{ display:block; height: 30px; width: 30px; line-height: 30px; text-align: center; background: rgba(255,255,255,.25); position: absolute; top: 0; right: 0; margin: 4px;transition: all .075s;}
.mosaic-settings-image-wrap .image-edit:hover i{ background: rgba(255,255,255,.85); height:92px; width: 92px; line-height: 92px; font-size: 30px;transition: all .2s;}
.mosaic-settings-listing .title,
.mosaic-settings-listing .url{ display:block;}
.mosaic-settings-listing .title{ font-weight: bold;}
.mosaic-settings-listing .url{ font-size: 14px;margin-bottom: 20px;}
.mosaic-settings-listing .button-image-edit{display: inline-block; padding: 10px; background: #1b5c91; color:#fff;}
.mosaic-settings-listing .button-image-edit:hover{ background: #114b7a; }
.mosaic-settings-listing .button-image-edit i{margin-left: 5px;}
/*********Cast Color Settings**********/
.mosaic-settings-cast-color input[type="radio"],
.mosaic-settings-cast-color .dnnRadiobutton,
.mosaic-settings-cast-color input[type="radio"] + .dnnRadiobutton { display: none;}
.mosaic-settings-cast-color .dnnRadiobutton + label {  border: 1px solid #f1f1f1; box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.0); transition: all .2s;}
.mosaic-settings-cast-color .dnnRadiobutton + label:hover{ box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.25);}
.mosaic-settings-cast-color input[type="radio"]:checked + label,
.mosaic-settings-cast-color .dnnRadiobutton-checked + label,
.mosaic-settings-cast-color input[type="radio"]:checked + label:hover,
.mosaic-settings-cast-color .dnnRadiobutton-checked + label:hover { box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.75);}
.mosaic-settings-cast-color label { display: inline-block; width: 35px; height: 35px; margin-right: 10px; padding: 1px;}
.mosaic-settings-cast-color label span {display: block; width: 100%; height: 100%; border: 2px solid #ccc; cursor: pointer;}
/*********Cast Opacity Settings**********/
.mosaic-settings-overlay-opacity > ul{list-style: none; margin: 0; }
.mosaic-settings-overlay-opacity ul > li {display: inline-block;width: 54px;padding: 0 10px 10px 0;}
.mosaic-settings-overlay-opacity input{width: 100%; margin: 0 0 5px; padding: 5px;}
.mosaic-settings-overlay-opacity i{text-align: center; font-size: 24px; width: 100%; padding: 10px 0; color: #fff; background: #1b5c91;}
/***************************************************************
    DRAG AND DROP
***************************************************************/
.mosaic-settings-listing .grabbable { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
.mosaic-settings-listing .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; min-width: 465px;}
.mosaic-settings-listing .ui-state-highlight { height: 140px; position: relative;}
.mosaic-settings-listing .ui-state-highlight:after{content: '';position: absolute;display: block;background: #ffe45c;height: 140px;width: 100%;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.field-validation-error{color: red; display:inline-block;}

/***************************************************
	DESIGNER TEST
***************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);*/



/*
Red		- #cc0033
Blue	- #003366
Gray	- #333333
*/

/***************************************************
	BLOCKS SEVEN
***************************************************/
.blocksSeven { display: block; /*padding:10px 33px;*/ padding: 3px; background: #fff; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.blocksSeven .row { margin-left: 0; margin-right: 0; }
.blocksSeven .row > div { padding: 0; }
.blocksSeven .blockEach { display: block; position: relative; background: #0c274b; border: 3px solid #fff; min-height: 100px }
.blocksSeven .blockEach h2 { position: absolute; bottom: 20px; left: 20px; z-index: 5; color: #fff; text-shadow: 2px 2px 3px #000; margin: 0; padding: 0; font-weight: 500; }
.blocksSeven .blockEach img { opacity: .3; transition: opacity .25s ease; 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);
    max-width: 100%;
}
.blocksSeven .blockEach:hover img { opacity: .9; }


/******************************************************************
	RESPONSIVE STYLING
******************************************************************/
@media (min-width: 979px) and (max-width: 1199px) {
    .blocksSeven .blockEach h2 { font-size: 26px; }
}

@media (min-width: 769px) and (max-width: 979px) {
    .blocksSeven .blockEach h2 { font-size: 26px; }
}

@media (max-width: 768px) {
    .blocksSeven .blockEach h2 { font-size: 30px; }
}
/***************************************************
	BLOCKS SEVEN
***************************************************/
.lastModified1{
    font-size: 12px;
}
/***************************************************
	.end
***************************************************/