@charset "UTF-8";
/*
Theme Name: Сине красная тема для колледжа
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

/*
цвета, которые я первоначально использовал
colors https://www.canva.com/colors/color-palettes/lake-view/
Serenity
#336699

Champagne
#ECD5BB

White
#FFFFFF

Crimson
#df3a10

цвета политеха
Peach
#FFDDC3

Cream
#FFF4EF

Chili Pepper
#FF3D33

Blue Gray
#68819B
*/
@font-face {
  font-family: 'mplus';
  src: url(/wp-content/themes/kolledgredblue/fonts/mplus1p-regular.woff2) format("woff2");
}
html body{
	overflow-x: hidden;
	font-family: mplus;
	width:100%;
	/*color: #FFF;*/
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #000;
}
li{
	list-style: none;
}
table{float:none;display:block;max-width:100%;overflow-x:scroll;}
.wysiwyg-editor table p:last-child{margin-bottom:0;}
.wysiwyg-editor table p{margin-bottom:5px;}
/*.wysiwyg-editor > div{overflow-x:scroll;}*/
body .wysiwyg-editor table tr{height:auto!important;}
body .wysiwyg-editor table td{height:auto!important;}
td{
	padding: 15px;
	border: 1px solid #000;
}
body{min-height: 100vh;display: flex;flex-direction: column;}
body dl,body ol,body ul{margin-bottom:10px;padding-left:10px;}
body .site-content{flex-grow: 1;margin-top: 20px;padding:0 60px;}
body a{text-decoration: none;color: #df3a10;}
body a:hover{color: #336699;}
body p{margin: 0;}
.header-info{background: #df3a10;min-width: 100%;display: flex;align-items: center;padding: 10px;flex-wrap:wrap;}
.site-logo{width:10%;text-align:center;}
.site-logo img{width:80px;height:auto;}
.header-info__txt{width:90%;display:flex;flex-wrap:wrap;align-items:center;}
.header-info__txt-top{display:flex;align-items:center;width:100%;flex-wrap:wrap;}
header nav{background: #336699;flex-grow: 1;display: flex;align-items: center;}
.header-info__txt b{text-transform: uppercase;font-size: 20px;}
.header-txt{padding: 6px 18px;flex-grow: 1;}
.hidden{opacity: 0;height: 0px;width: 0px;position: absolute;}
button{background: transparent;border: 0;}
header{display: flex;flex-wrap: wrap;color: #fff;}
input{border: 1px solid #000;padding:10px;}
textarea{padding:10px;}
.header-navigation{background: #336699;width: 100%;display: flex;align-items: center;}
.header-navigation a:hover{color:#000;}
header nav ul{display: flex;margin: 0;padding: 0;width:100%;}
header nav ul li{flex-grow:1;}
header nav ul li a{color: #FFF;justify-content:center;padding: 0px 14px;display: flex;transition: 0.8s;text-transform:uppercase;height:100%;align-items:center;text-align:center;}
header nav .current-menu-item a{border-bottom: 4px solid #000;background: #334c787d;}
header nav li a{border-bottom: 4px solid transparent;}
header nav ul li:hover a{background: #334c787d;transition: 0.4s;color: #fff;border-bottom: 4px solid #000;}
header button{
	height: 48px;
	width: 48px;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	transition: 0.8s;
    margin:0;
}
header button:hover{
  background: #bdbdbd8f;
  border-radius: 24px;
  transition: 0.8s;
}
.header-togle-menu{display:flex;align-items:center;}
.header-togle-menu__txt{text-transform:uppercase;}
.header-soc{margin:0 auto;}
.header-soc svg{margin-right:20px;}
header button p{width: 20px;height: 2px;background: #fff;border-radius: 2px;}
header button::before{content: "";width: 20px;height: 2px;background: #fff;border-radius: 2px;margin-bottom: 4px;transition: 0.4s;}
header button::after{content: "";width: 20px;height: 2px;background: #fff;border-radius: 2px;margin-top: 4px;transition: 0.4s;}
.hidden-menu__open .togle-menu p{width: 0;}
.hidden-menu__open .togle-menu::after{transform: rotate(45deg);margin-top: -2px;transition: 0.4s;}
.hidden-menu__open .togle-menu::before{transform: rotate(135deg);margin-bottom: -0px;transition: 0.4s;}
.enable-slab{margin-left: auto;padding: 5px;transition: 0.8s;cursor: pointer;display: flex;align-items: center;text-transform:uppercase;}
.header-form{display: flex;margin:0 auto;}
.header-info__spisok-info{display:flex;justify-content:space-between;padding:10px 0;width:100%;}
.header-form input{padding: 8px;border: 0;}
.header-form input[type=submit]{
    background: #28527c;
    color: #ffffff;
    font-weight: bold;
}
.content-area aside{padding: 0;align-self: flex-start;margin: 0 auto;}
.content-area aside .aside-menu{background: #df3a10;}
.menu-left{margin-bottom: 10px;}
.content-area aside ul{padding: 0;margin: 0;}
.content-area aside ul li a{color: #FFF;padding: 10px 14px;display: block;transition: 0.4s;text-align:center;border-bottom: 1px solid #fff;}
.content-area aside ul li a:hover{background: #9b011f;transition: 0.4s;}
.content-area aside .current-menu-item{background: #9b011f;}
.aside__imghref{width: 100%;}
.sidebar-right{margin: 0 auto;}
.aside__imghref a,.sidebar-right a{display: block;margin-bottom: 10px;}
.sidebar-right a img{width: 100%;}
.aside__imghref a img{width:60%;margin:0 auto;display:block;}
.aside-img__full *{max-width:100%;}
.sidebar-right__citata{background: #ecd5bb;padding: 14px;margin-bottom:10px;}
.sidebar-right__citata blockquote{font-style: italic;}
.slider-main img{width: 100%;object-fit: contain;}
.content-area article{padding: 0;align-self: flex-start;}
.entry-footer{display:flex;margin-top: 10px;align-items: center;}
.entry-footer span{flex-grow: 1;}
.post-edit-link{padding: 10px;display: inline-block;color: #fff;}
.post-edit-link:hover{color: #000;}
.content-area article.wysiwyg-editor,.wysiwyg-editor{padding: 10px 14px;padding-top:0;}
.wysiwyg-editor p{margin-bottom: 15px;}
.article-edit span{margin:0 5px;}
.hidden-menu__open header button{background: #bdbdbd8f;}
.hidden-menu__open .hidden-menu{left: 0;opacity:1;transition: 0.8s;}
.hidden-menu__open header button:hover{border-radius: 0;opacity: 0.9;transition: 0.4s;}
.hidden-menu{left: -500px;height:0;opacity:0;transition: 0.8s;top: 100px;background: #fff;z-index: 999;border: 3px solid #000;overflow-y: scroll!important;}
.hidden-menu .current_page_item a{color: #336699;font-weight: bold;}
.hidden-menu .menu-item-has-children > a::after{content: "";width: 8px;height: 8px;position: absolute;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(135deg);right: 8px;}
.hidden-menu li a{padding: 15px 35px 15px 30px;display: block;color: #000;font-weight: normal;display: flex;align-items: center;border-bottom: 1px solid #000;font-size:24px;}
li.waSlideMenu-back a{border-bottom: 1px solid;background: #df3a10;color: #fff;}
.header-info__contact{margin-left:auto;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.header-info__contact p:first-child{margin-right:20px;}
.header-info__contact a{color: #fff;}
.slider-main .slick-dots{position: absolute;bottom: 40px;display: inline-flex;left: 0;right: 0;width: max-content;margin: 0 auto;}
.slider-main .slick-dots li{cursor: pointer;}
.slider-main .slick-dots li button{opacity: 0;height: 0;width: 0;}
.slider-main .slick-dots .slick-active::after{background: #336699;}
.slider-main .slick-dots li::after{content: "";height: 12px;width: 12px;background: #fff;display: block;border-radius: 12px;margin: 0 5px;}
.byline,.post-wraper .entry-meta{display: none;}
.post-wraper .entry-title,.entry-header .article-title{background:#df3a10;color: #fff;padding: 10px;width:100%;text-align:center;}
.posted-on a,.cat-links a{color: #fff;}
.error-404,.search-page{margin: 0 auto;}
.error-404 input,.search-page input{border: 1px solid #000;margin-top: 20px;}
.posted-on:hover a, .cat-links:hover a{color: #000;}
.article-title{color: #000;}
article > img{max-width:100%;}
/*article .main-page,article .main-page slider-main{max-width:initial;}*/
.wysiwyg-editor.post-detail img {margin: 10px;max-width:100%;}
.article-title a{color: inherit;}
.archive-posts,.post-wraper{margin: 0 auto;}
article{margin: 0 auto;/*border: 2px solid #000;*/margin-bottom: 30px;}
.nav-links{display: flex;flex-wrap:wrap;}
.nav-previous,.nav-next{flex-grow: 1;text-align: center;}
.nav-previous a,.nav-next a{color: #000;}
.back-main{display: block;text-align: center;margin-top: 20px;}
footer.entry-footer{padding: 5px;/*margin: 10px;*/}
footer{background: #336699;color: #fff;margin-top: 30px;padding: 20px;}
.post-thumbnail img{width:300px;height:auto;object-fit:cover;}
.wp-pagenavi{margin-top: 30px;}
.wp-pagenavi a{color: #000;}
.post-link-container{text-align:center;margin:20px 0;}
.post-link{border:1px solid #000;color:#000;padding:10px;transition:0.4s;}
.post-link:hover{background:#336699;transition:0.4s;color:#fff;border:1px solid transparent;}
.screen-reader-text{position:absolute;height:0px;width:0px;opacity:0;}
.site-footer{display: flex;align-items: center;flex-wrap:wrap;}
.site-footer a{color: #fff;}
.site-footer a:hover{color: #000;}
.footer-navigation{flex-grow: 1;margin-left: 50px;}
.footer-menu{display: flex;margin-bottom: 0;align-items:center;}
.footer-menu li{flex-grow: 1;}
.aside-img__full{display:flex;min-height:100px;text-align:center;align-items:center;margin:20px 0;}
.aside-img__full a{color:#fff;width:100%;padding:10px;font-weight:bold;margin-bottom:0;}
.wysiwyg-editor p img{margin:10px;max-width:100%;height:auto;}
.sidebar-block-grey{background:#b2b2b2;}
.sidebar-block-blue{background:#a4d3ff;}
/*.content-area article .wp-block-file a{*/
/*    color:#28527c;*/
/*}*/
.content-area article a.wp-block-file__button{
    background:#28527c;
    color:#fff;
}
@media(max-width:1140px){
    header nav{width:100%;overflow:hidden;}
    header nav ul{width:auto;overflow-x: auto;}
    body .site-content{margin-top:0;padding:0 10px;}
    .header-info__adres{display:none;}
    .site-footer{justify-content:center;}
    .footer-navigation{padding:20px 0;}
    .footer-menu{flex-wrap:wrap;padding-left:0;}
    .site-footer a{padding:5px 15px;display:block;}
    .header-info__txt b{width:50%;}
}
@media(max-width:780px){
    header nav ul li a,.header-info__contact p{font-size:12px;}
    .hidden-menu,.site-logo,.header-info__txt{width:100%;}
    .header-info__txt-top{flex-wrap:wrap;}
    .header-info__txt b{margin:10px auto;text-align:center;width:100%;}
    .header-form{justify-content: center;}
    .aside__imghref a img{width:50%;}
    .footer-navigation{margin-left:0;}
    .content-area article.wysiwyg-editor *{max-width:100%;}
}
@media(max-width:580px){
    .header-info__contact,.header-togle-menu__txt{display:none;}
    .header-soc svg{width:20px;height:20px;margin-right:5px;}
    #bt_widget-vi-on a{font-size:12px;}
    .hidden-menu li a{font-size:18px;}
    .hidden-menu{top:114px;}
    .site-footer a{text-align:center;}
}