/**
   Файл:    <шаблон>/css/copyright/copyright.css
   Раздел:  Стили полосы "copyright" над подвалом
   Автор:   BVP
 */

/*  Cтруктура */
#copyright {
    display:  block;
    position: relative;
    width:    100%;
    padding:  0;
    -webkit-transition: all 0.4s ease;
    transition:         all 0.4s ease;
}
#copyright .bvp-container:first-of-type {
    padding-top:    1.5%;
    padding-bottom: 2%;
}
#copyright .bvp-container:last-of-type {
    padding-bottom: 2%;
}

/*  copyright и ссылка на политику конфиденциальности */
#cr-copyright {
    display:   block;
    overflow:  hidden;
    float:     left;
    font-size: .9em;
}
#cr-copyright span:nth-of-type(2) {
    padding-left: .3em;
}
#cr-copyright span:nth-of-type(3) {
    padding-left: .6em;
}
#cr-copyright span:nth-of-type(4) {
    padding-left: .6em;
}
#cr-privacy {
    display:   block;
    overflow:  hidden;
    float:     right;
    font-size: .9em;
}

/*  Законы */
#cr-law {
    display:     block;
    overflow:    hidden;
    width:       100%;
    font-size:   .9em;
    line-height: 1.3em;
    text-align:  center;
}

@media (max-width: 1000px) 
{
    #copyright .bvp-container:first-of-type {
        padding-top:    2%;
        padding-bottom: 2%;
    }
    #copyright .bvp-container:last-of-type {
        padding-bottom: 2%;
    }
}

@media (max-width: 800px) 
{
    #cr-law {
        font-size: .8em;
    }
}

@media (max-width: 700px) 
{
    #cr-copyright,
    #cr-privacy {
        float: none;
        clear: both;
        width: 100%;
    }
    #copyright .bvp-container:last-of-type {
        padding-top: 1%;
    }
}

@media (max-width: 500px) 
{
    #copyright .bvp-container:last-of-type {
        padding-top:    2%;
        padding-bottom: 4%;
    }
    #cr-law {
        font-size: .7em;
    }
}

@media (max-width: 450px) 
{
    #cr-copyright span:nth-of-type(4) {
        display: none;
    }
}