/*
Theme Name: lb
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen
*/

.container {
    padding-right: 30px !important;
    padding-left: 30px !important;
    margin-right: auto;
}
.img-wpresponsive{
    width: 100%;
    height: auto;
    margin: 0 !important;
}

.wp-block-image img {

    width: 50%;
    height: auto;
    margin: 0 !important;
    float: right;
    padding: 20px;
 

}

@media only screen and (max-width: 1024px) {
    .wp-block-image img {

    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 40px;
 

}
}

p {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    font-size: 20px;
    text-align: justify;
    
}
iframe{
    width: 100%;
    height: auto;
    margin: 0 !important;
}
.img-thumbsposts {

    width: 100%;
    height: auto;
    max-height: 120px;
    margin: 0 !important;

}
.push-to-bottom {
  position: absolute;
  bottom: 30px;
}

.card-text{
    font-size: 12px !important;
    line-height: 1.6;
}
.card-title{
    font-size: 15px !important;
    line-height: 1.6;
}
.contentstyle{
    color: #4d4d4d;
}

.circular-square {
    border-radius: 50%;

}
.alignright{
    text-align: right;
}
.alignleft{
    text-align: left;
}
.aligncenter{
    text-align: center;
}

.ldx-blog-content img{
    margin: 0 !important;
}
.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}


.modal-body {
    position:relative;
    padding:0px;
}
.close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}

.btn-lbsmall-default{
    padding:5px !important; 
    font-size: 13px !important; 
    border-radius: 3px !important; 
    background: transparent !important; 
    border: #333333 solid 1px !important; 
    color:#333333 !important;  
}

.btn-lbsmall-primary{
    padding:5px !important; 
    font-size: 13px !important; 
    border-radius: 3px !important; 
    background: transparent !important; 
    background-color: #333333 !important;
    color:white !important;  
}
.btn-lbsmall-primary:hover{
    background-color: #999999 !important;
}

ol.decimal {
    list-style-type: decimal !important;
}

/* SIMULATORE TUTORIAL SCREENSHOT */

    .ytmodal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: center;
    box-shadow: none;
    border: none;
    width: 400px;
    height: 100%;
    margin: 10px auto 50px;
}   

@media only screen and (max-width: 580px) {
    .ytmodal-content {
    width: 280px;
    height: 100%;
    margin: 10px auto 0px;
    }
}


.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* vendor prefixes omitted due to brevity */
}


.loadinggif{
    position: absolute;
    width: 40px;
    top:50%;
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%); 
}

.tuttitle{
    font-size: 40px;
    text-align: center;
    margin-top: 10px;
    padding-top: 15px;
    background-color: black;
    width: 100%;
    height: 50px;
}