/*
Theme Name: Sitrion
Theme URI: http://www.zumquadrat.com
Author: Jonas Künstler
Author URI: http://www.zumquadrat.com
Description: Responsive Template that gains flexibility using LIMZ for wordpress
Version: 1.0
License: Property of Sitrion
License URI: http://www.sitrion.com
Tags:
Text Domain: Sitrion

*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ tiles */
.sitrion_tiles .limz_column{margin-bottom:0;}

.sitrion_tiles .limz_tile{margin-top:6%;overflow:hidden;}

.sitrion_tiles .limz_tile.tile_small:not(.tile_small_text),
.sitrion_tiles .limz_tile.tile_large
{background:rgba(246, 150, 35, 0.1) !important;}

.sitrion_tiles .limz_tile.tile_textBack_green:not(.tile_small_text){background:rgba(105, 168, 51, 0.1) !important;}
.sitrion_tiles .limz_tile.tile_textBack_blue:not(.tile_small_text){background:rgba(0, 168, 199, 0.1) !important;}

.sitrion_tiles .tile_small_text img{display:none;}
.sitrion_tiles .tile_small.tile_small_text .tile_text{position:relative;bottom:auto;left:auto;height:auto;background:transparent;margin-top:10%;color:#FFF;}

.sitrion_tiles .limz_tile .limz_content{width:100%;}

.sitrion_tiles .tile_tall img{width:90%;margin-left:5%;margin-top:10%;}
.sitrion_tiles .tile_tall .tile_text{color:#FFF;}

.sitrion_tiles .tile_info{position:absolute;z-index:2;top:0.8em;left:5%;color:#FFF;width:80%;}

.sitrion_tiles .tile_text{padding:2% 5% 3%;color:#555;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.sitrion_tiles .tile_share{position:absolute;right:0;top:0.3em;padding:0.3em 5% 0.5em 0.5em;cursor:pointer;z-index:3;color:#FFF;font-size:1em;line-height:1.6em;}
.sitrion_tiles .tile_sharingBar{position:absolute;text-align:center;line-height:1.3em;}
.sitrion_tiles .tile_sharingBar .tile_sharingButton:first-child{margin-top:0.3em;}
.sitrion_tiles .tile_sharingButton{display:inline-block;cursor:pointer;}

.sitrion_tiles .tile_heading_dark .tile_share{color:#333;}
.sitrion_tiles .tile_heading_dark .tile_info{color:#333;}



@media all and (max-width:459px) {

    .sitrion_tiles .tile_info{top:0.3em;}
    .sitrion_tiles .tile_share{top:0;}
}

@media all and (max-width:759px) {

    .sitrion_tiles .tile_text{position:relative;font-size:1em;font-weight:200;line-height:1.4em;z-index:2;}
    .sitrion_tiles .tile_sharingBar{top:-40px;width:100%;height:40px;font-size:26px;line-height:26px;background:rgba(85, 85, 85, 0.9);z-index:2;}
    .sitrion_tiles .tile_sharingButton{margin:9px 10px 5px;}

    .sitrion_tiles .limz_column:first-child{margin-top:-6%;}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ tab*/
@media all and (min-width:760px) {

    .sitrion_tiles .tile_sharingBar{right:-40px;width:40px;height:100%;background:#555;}

    .sitrion_tiles .limz_tile{margin-top:8%;font-size:1em;}
    .sitrion_tiles .limz_tile.limz_first{margin-top:0;}

    .sitrion_tiles .tile_info{font-size:0.52em;font-weight:600;}

    .sitrion_tiles .tile_text{width:100%;font-size:0.65em;font-weight:200;line-height:1.2em;}

    .sitrion_tiles .tile_share{font-size:0.7em;line-height:1.2em;}

    .sitrion_tiles .tile_small .limz_sizer{margin-top:60%;}
    .sitrion_tiles .tile_small .tile_text{position:absolute;bottom:0;left:0;height:3.4em;}


    .sitrion_tiles .tile_tall .limz_sizer{margin-top:110%;}
    .sitrion_tiles .tile_tall img{margin-top:15%;}
    .sitrion_tiles .tile_tall .tile_text{margin-top:0.5em;}


    .sitrion_tiles .tile_large .limz_sizer{margin-top:52.8%;}
    .sitrion_tiles .tile_large .tile_text{position:absolute;bottom:0;left:0;height:2.2em;padding:1% 2.5% 1.5%;}
    .sitrion_tiles .tile_large .tile_info{left:2.5%;}
    .sitrion_tiles .tile_large .tile_share{padding:0.3em 2.5% 0.5em 0.5em;}

    .sitrion_tiles .tile_small .tile_text{background:url("../../img/TileBackOrange.png") top right;}
    .sitrion_tiles .tile_large .tile_text{background:url("../../img/TileBackOrange.png") top right;}
    .sitrion_tiles .tile_textBack_green .tile_text{background:url("../../img/TileBackGreen.png") top right;}
    .sitrion_tiles .tile_textBack_blue .tile_text{background:url("../../img/TileBackBlue.png") top right;}
}

@media all and (min-width:960px) {
    .sitrion_tiles .tile_info{top:0.3em;}
    .sitrion_tiles .tile_share{top:0;}

    .sitrion_tiles .limz_tile img{
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .sitrion_tiles .limz_tile:hover img{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .sitrion_tiles .limz_tile:hover .tile_text{color:#000;}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ adjusting columns*/

@media all and (min-width:760px) and (max-width:959px){

    .sitrion_tiles .limz_tile{font-size:1.2em;}

    .sitrion_tiles .limz_column_1_of_4{width:49%; margin-right:2%;}
    .sitrion_tiles .limz_column_1_of_4:nth-child(2){width:49%; margin-right:0;}

    .sitrion_tiles .limz_column_2_of_4{width:100%;margin-top:2%;}
    .sitrion_tiles .limz_column_1_of_4:nth-child(5){width:49%; margin-right:0;}

    .sitrion_tiles .limz_tile{margin-top:4%;}
}

@media all and (min-width:960px) and (max-width:1400px){
    .sitrion_tiles .tile_small .tile_text {height: 4.4em;}
    .sitrion_tiles .tile_small .limz_sizer {margin-top: 65%;}

    .sitrion_tiles .tile_tall .limz_sizer {margin-top: 118%;}

    .sitrion_tiles .tile_large .limz_sizer {margin-top: 56.8%;}
}