/*
Theme Name: Expositio Child
Theme URI: http://wpshower.com/themes/expositio
Template: expositio
Author: WPShower
Author URI: http://wpshower.com/
Description: Expositio is a free portfolio-type WordPress theme for photographers and designers. The horizontal layout of the Expositio theme is perfect for displaying visual materials like photography or art works.
Tags: white,light
Version: 2.0.1.1549139605
Updated: 2019-02-02 17:33:25

*/

/* color loader y menu*/
#infinite-loader > * {
	background: #b38843;
}

.menu-toggle:hover {
	color: #b38843;
}

a:hover {
	color: #963cbd;
	border-bottom: 1px solid #963cbd;
}

::selection {
	background: #963cbd;
}

::-moz-selection {
	background: #963cbd;
}

input:focus,
textarea:focus {
	border: 1px solid #963cbd;
}

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #963cbd;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #963cbd;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #963cbd;
}

.wp-caption a {
	color: #963cbd;
}



/* logo */
.custom-logo {
	width: 80%;
	height: auto;
}

/* fontface */
@font-face {
    font-family: 'Candara';
    src: url('fonts/Candara-Bold.eot');
    src: url('fonts/Candara-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Candara-Bold.woff2') format('woff2'),
        url('fonts/Candara-Bold.woff') format('woff'),
        url('fonts/Candara-Bold.ttf') format('truetype'),
        url('fonts/Candara-Bold.svg#Candara-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Candara';
    src: url('fonts/Candara.eot');
    src: url('fonts/Candara.eot?#iefix') format('embedded-opentype'),
        url('fonts/Candara.woff2') format('woff2'),
        url('fonts/Candara.woff') format('woff'),
        url('fonts/Candara.ttf') format('truetype'),
        url('fonts/Candara.svg#Candara') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Candara';
    src: url('fonts/Candara-Italic.eot');
    src: url('fonts/Candara-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Candara-Italic.woff2') format('woff2'),
        url('fonts/Candara-Italic.woff') format('woff'),
        url('fonts/Candara-Italic.ttf') format('truetype'),
        url('fonts/Candara-Italic.svg#Candara-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Candara';
    src: url('fonts/Candara-BoldItalic.eot');
    src: url('fonts/Candara-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Candara-BoldItalic.woff2') format('woff2'),
        url('fonts/Candara-BoldItalic.woff') format('woff'),
        url('fonts/Candara-BoldItalic.ttf') format('truetype'),
        url('fonts/Candara-BoldItalic.svg#Candara-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: 'Candara';
}

.menu-toggle {
    left: 2rem;
    right: auto;
}

/* NUEVO INICIO */
.main-content.inicio {
    /* Variables 72 */
    --item-width:72px;
    --grid-columns: 96px;
    --grid-rows: 120px;
    --font-size: 1.4rem;
    --line-height: 1.7rem;    

    /* estilo */
    width: 100%;
    height: 100%;
    display:flex;
    flex-flow: row nowrap;

    /*display: grid;
    grid-gap: 15px;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-auto-rows: auto;*/
    overflow-x: visible;
    overflow-y: hidden;
}
.main-content.inicio::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #F5F5F5;
}
    
.main-content.inicio:hover::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.main-content.inicio::-webkit-scrollbar {
    height:  9px;
    background-color: #F5F5F5;
}

.main-content.inicio::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
}
.main-content.inicio:hover::-webkit-scrollbar-thumb {
    background-color: #D3D3D3;
}
.cate-col {
    height: 100%;
    padding-right: 20px;
    padding-bottom: 10px;
    display:grid;
    grid-template-rows: 1fr 20px;
    grid-template-areas: 
    'items'
    'colname';
    margin-right: 33px;
}
.cate-col-name {
    grid-area: colname;
    font-size: 1em;
    font-weight:  bold;
    text-transform: uppercase;
}
.arquitectura {
    
}
.arte {
    
}
.muestras {
   
}
.cate-col-items {
    grid-area: items;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: var(--grid-columns);
    /*grid-template-rows: repeat(6, var(--grid-rows));*/
    grid-template-rows: repeat(3, var(--grid-rows));
    grid-auto-flow: column;
    grid-auto-columns: var(--grid-columns);
    grid-auto-rows: var(--grid-rows);
}
.cate-item {
    margin: 0 20px 20px 0;
    width: var(--item-width);
    text-decoration: none; 
}
.cate-item:hover {
    text-decoration: none;
    border: none; 
}
.cate-item img{
    max-width: 100%;
    display: block;
    height: auto;
    width: var(--item-width);
    margin-left: 13px;
    margin-bottom: .3rem;
    border-radius: 50%;
    transition: border-radius 0.1s ease-in-out;

}
.cate-item:hover img {   
    /*-webkit-box-shadow: 0px .2rem 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px .2rem 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px .2rem 1px 0px rgba(0,0,0,0.75);
    transition: all ease-in-out .3s;
    margin-bottom: .5rem;*/
    border-radius: 0%;
}
.cate-item-title {
    font-size: var(--font-size);
    font-weight: normal;
    line-height: var(--line-height);    
    text-transform: uppercase;
    white-space:normal;
    padding-bottom: 1rem;
    height: auto;
    display: block;
    width: var(--grid-columns); 
    text-align: center;
}
.cate-item:hover p {
    color: #000;
    font-size: 1.4rem;
    /*font-weight: bold;*/
    transition: all ease-in-out .3s;
}

/* MEDIA QUERIES */
/* pantalla grande */
@media (min-width: 951px) {
    @media (min-height: 900px) {
        .cate-col-items {    
            /* dejar para cuandogrid-template-rows: repeat(6, var(--grid-rows));*/
        }
    }
    @media (max-height: 900px) {
        .cate-col-items {    
            /* dejar para cuandogrid-template-rows: repeat(5, var(--grid-rows));*/
        }
    }
    @media (max-height: 800px) {
        .cate-col-items {    
            /* dejar para cuandogrid-template-rows: repeat(4, var(--grid-rows));*/
        }
    }
    @media (max-height: 700px) {
        .cate-col-items {    
            grid-template-rows: repeat(3, var(--grid-rows));    
        }
    }
    @media (max-height: 550px) {
        .cate-col-items {    
            grid-template-rows: repeat(2, var(--grid-rows));    
        }
    }
    @media (max-height: 380px) {
        .cate-col-items {    
            grid-template-rows: var(--grid-rows);    
        }
    }
}

/* pantalla chica */
@media (max-width: 950px) {

    .primary-navigation {
        background-color: #b38843;
    }

    .site-header {
        text-align: center;
    }

    .custom-logo {
        width: 50%;
    }

    /* INICIO */
    .main-content.inicio {
    /*flex-flow: column;*/
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-auto-flow: row;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    }

    .cate-col {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
    display:grid;
    grid-template-rows: 35px 1fr;
    grid-template-areas: 
    'colname'
    'items';
    margin-right: 33px;
    }
    .cate-col-name {
    }
    .cate-col-items {
    display: grid;
    grid-template-columns: var(--grid-columns);
    grid-template-rows: calc(var(--grid-rows) + 10px);
    grid-auto-flow: column;
    grid-auto-columns: var(--grid-columns);
    grid-auto-rows: calc(var(--grid-rows) + 10px);
    overflow-x: visible;
    overflow-y: hidden;
    }

    .cate-col-items::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #F5F5F5;
    }
    
    .cate-col-items:hover::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    }

    .cate-col-items::-webkit-scrollbar {
    height:  9px;
    background-color: #F5F5F5;
    }

    .cate-col-items::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
    }

    .cate-col-items:hover::-webkit-scrollbar-thumb {
    background-color: #D3D3D3;
    }
    
    .cate-item-title {
    padding-bottom: 0rem;
    }

    .cate-col-items.cate-temp {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    overflow-x: hidden;
    }

    .cate-item-title.cate-temp {
        margin-bottom: 0;
    }

}