/*
Theme Name: WPLMS Blank ChildTheme
Theme URI: http://www.VibeThemes.com    
Description: Child Theme for WPLMS WordPress Theme
Author: VibeThemes
Author URI: http://themeforest.com/user/vibethemes
Template: wplms
Version: 1.0
*/

@import url("../wplms/style.css");


/* Museo Sans Cyrl (Normal) */
@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-100.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-300.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-500.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-700.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Museo Sans Cyrl (Italic) */
@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-100-Italic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-300-Italic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-500-Italic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url("assets/fonts/museo-sans-cyrl/Museo-Sans-Cyrl-700-Italic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Book Menu */
.item-book {
    opacity: 1;
    filter: blur(0px);
    margin-right: 1px;
    margin-top: auto;

    display: -webkit-flex;
}

.item-book:hover {
    -webkit-transform: rotate(0deg) scale(1.1) translate(0px);
    z-index: 999;
}
.item-book.rotate:hover {
    transform: rotate(8deg) scale(1.1) translate(0px);
}

.item-book a {
    height: 100%;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    color: #FFFFFF !important;

    vertical-align: middle;
    display: -webkit-flex;

    font-size: 11px !important;
    padding: 10px 0 0 0 !important;
    margin: 0 auto !important;
}

/* Book Mobile Menu */
.item-book-mobile a {
    padding: 7px 9px 7px 9px !important;
    /* margin-left: 5px !important;
    margin-right: 5px !important; */
}

/* Book radius */
.item-book.radius1 { border-radius: 5px; }
.item-book.radius2 { border-radius: 9px; }
.item-book.radius3 { border-radius: 11px; }

/* Book Mobile radius */
.item-book-mobile.radius1 { border-radius: 5px; }
.item-book-mobile.radius2 { border-radius: 9px; }
.item-book-mobile.radius3 { border-radius: 11px; }


/* Book width */
.item-book.width1 { width: 42px; }
.item-book.width2 { width: 43px; }
.item-book.width3 { width: 46px; }
.item-book.width4 { width: 47px; }
.item-book.width5 { width: 48px; }
.item-book.width6 { width: 54px; }
.item-book.width7 { width: 62px; }
.item-book.width8 { width: 65px; }
.item-book.width9 { width: 67px; }
.item-book.width10 { width: 68px; }
.item-book.width11 { width: 72px; }
.item-book.width12 { width: 73px; }
.item-book.width13 { width: 76px; }

@media only screen and (max-width: 1440px) {
    .item-book.width1 { width: 27px; }
    .item-book.width2 { width: 28px; }
    .item-book.width3 { width: 31px; }
    .item-book.width4 { width: 32px; }
    .item-book.width5 { width: 33px; }
    .item-book.width6 { width: 39px; }
    .item-book.width7 { width: 47px; }
    .item-book.width8 { width: 50px; }
    .item-book.width9 { width: 52px; }
    .item-book.width10 { width: 53px; }
    .item-book.width11 { width: 57px; }
    .item-book.width12 { width: 58px; }
    .item-book.width13 { width: 61px; }
}

@media only screen and (max-width: 1200px) {
    .item-book.width1 { width: 20px; }
    .item-book.width2 { width: 21px; }
    .item-book.width3 { width: 24px; }
    .item-book.width4 { width: 25px; }
    .item-book.width5 { width: 26px; }
    .item-book.width6 { width: 32px; }
    .item-book.width7 { width: 40px; }
    .item-book.width8 { width: 43px; }
    .item-book.width9 { width: 45px; }
    .item-book.width10 { width: 56px; }
    .item-book.width11 { width: 50px; }
    .item-book.width12 { width: 51px; }
    .item-book.width13 { width: 54px; }
}

/* Book Mobile width */
.item-book-mobile.width1 { width: 60%; }
.item-book-mobile.width2 { width: 75%; }
.item-book-mobile.width3 { width: 76%; }
.item-book-mobile.width4 { width: 87%; }
.item-book-mobile.width5 { width: 90%; }
.item-book-mobile.width6 { width: 93%; }


/* Book height */
.item-book.height1 { height: 179px; }
.item-book.height2 { height: 191px; }
.item-book.height3 { height: 229px; }
.item-book.height4 { height: 241px; }
.item-book.height5 { height: 262px; }
.item-book.height6 { height: 263px; }
.item-book.height7 { height: 264px; }
.item-book.height8 { height: 265px; }
.item-book.height9 { height: 271px; }
.item-book.height10 { height: 275px; }
.item-book.height11 { height: 283px; }

/* Book color */
.item-book.color1 { background: linear-gradient(to right, #610117, #990024, #DC0F43, #C40032); }
.item-book.color2 { background: linear-gradient(to right, #1D1812, #937C6F, #A28A7C, #8E7364); }
.item-book.color3 { background: linear-gradient(to right, #3D0D01, #CE2E0E, #B52104); }
.item-book.color4 { background: linear-gradient(to right, #19191B, #908E8F); }
.item-book.color5 { background: linear-gradient(to right, #8F0024, #650019, #AD002B, #DF0037, #C1002F);}
.item-book.color6 { background: linear-gradient(to right, #332C26, #9B785E, #826C5D, #A0897A); }
.item-book.color7 { background: linear-gradient(to right, #6A0014, #EB1B4D, #D40035); }
.item-book.color8 { background: linear-gradient(to right, #760800, #E91C03, #E91C03, #D2240C); }
.item-book.color9 { background: linear-gradient(to right, #19126F, #8367FF, #8367FF, #5243DA); }
.item-book.color10 { background: linear-gradient(to right, #151515, #A7A7A9, #A7A7A9, #696969); }
.item-book.color11 { background: linear-gradient(to right, #100F0F, #8E8E8E, #555555); }
.item-book.color12 { background: linear-gradient(to right, #1D1812, #A28A7C, #937C6F, #8E7364); }

/* Book Mobile color */
.item-book-mobile.color1 { background: linear-gradient(to bottom, #610117, #990024, #DC0F43, #C40032); }
.item-book-mobile.color2 { background: linear-gradient(to bottom, #1D1812, #937C6F, #A28A7C, #8E7364); }
.item-book-mobile.color3 { background: linear-gradient(to bottom, #3D0D01, #CE2E0E, #B52104); }
.item-book-mobile.color4 { background: linear-gradient(to bottom, #19191B, #908E8F); }
.item-book-mobile.color5 { background: linear-gradient(to bottom, #8F0024, #650019, #AD002B, #DF0037, #C1002F);}
.item-book-mobile.color6 { background: linear-gradient(to bottom, #332C26, #9B785E, #826C5D, #A0897A); }
.item-book-mobile.color7 { background: linear-gradient(to bottom, #6A0014, #EB1B4D, #D40035); }
.item-book-mobile.color8 { background: linear-gradient(to bottom, #760800, #E91C03, #E91C03, #D2240C); }
.item-book-mobile.color9 { background: linear-gradient(to bottom, #19126F, #8367FF, #8367FF, #5243DA); }
.item-book-mobile.color10 { background: linear-gradient(to bottom, #151515, #A7A7A9, #A7A7A9, #696969); }
.item-book-mobile.color11 { background: linear-gradient(to bottom, #100F0F, #8E8E8E, #555555); }
.item-book-mobile.color12 { background: linear-gradient(to bottom, #1D1812, #A28A7C, #937C6F, #8E7364); }


/* Book rotate */
.item-book.rotate {
    transform: rotate(8deg);
    transform-origin: bottom right 0px;
    margin-right: 40px;
}


/* Custom Menu */
#menu-book-menu {
    display: flex;
    margin-top: 65px;
}

/* Custom Menu Mobile */
#menu-mobile-book-menu {
    padding-left: 5px;
    padding-right: 5px;
}

#menu-mobile-book-menu li {
    margin-top: 1px;
    border: none;
}