/*
Theme Name: SCHOOZY-WWW
Author: Matrixonline.hu Kft.
Author URI: http://www.matrixonline.hu/
Description: Custom theme for SCHOOZY
Version: 25.03.20
Requires PHP: 8.0
License: Commercial
*/

/* Fonts */

@font-face {
  font-family: 'Cloud Soft';
  src: url('./assets/font/CloudSoft-Light.eot');
  src: url('./assets/font/CloudSoft-Light.eot?#iefix') format('embedded-opentype'),
    url('./assets/font/CloudSoft-Light.woff2') format('woff2'),
    url('./assets/font/CloudSoft-Light.woff') format('woff'),
    url('./assets/font/CloudSoft-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* CUSTOMIZER */

:root {
  --body-text-color: #222222;
  --body-link-color: #2764AE;
  --body-link-hover-color: #4083C4;
  --top-bar-background-color: #EEEEEE;
  --top-bar-text-link-color: #2764AE;
  --top-head-background-color: #2764AE;
  --top-head-text-link-color: #FFFFFF;
  --top-menu-background-color: #FFFFFF;
  --top-menu-text-link-color: #2764AE;
  --top-menu-secondary-color: #4083C4;
}

/* FONTS */

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Cloud Soft', Arial, Helvetica, sans-serif;
}

/* Global */

html > body,
body {
  position: relative;
}

main ul,
main ol,
main p,
main table,
main iframe {
  margin-bottom: 20px;
}

/* Clearfix */

*.clearfix::before,
*.clearfix::after {
  content: "";
  display: table;
}

*.clearfix::after {
  clear: both;
}

*.clearfix {
  zoom: 1;
}

/* SCHOOZY-WWW */

header#schoozy-header div.schoozy-topbar ul li a {
  vertical-align: bottom;
  line-height: 1.4em;
  font-weight: 600;
}

header#schoozy-header div.schoozy-headermenu nav.navbar ul.navbar-nav li.menu-item.mx-sites a.btn {
  background-color: var(--top-head-background-color);
  border-color: var(--top-head-background-color);
  padding: 0.45em 0.5em 0.25em 0.5em !important;
  line-height: 1.4em !important;
  transition: all 200ms linear;
  color: #ffffff;
}

header#schoozy-header div.schoozy-headermenu nav.navbar ul.navbar-nav li.menu-item.mx-sites a.btn:hover {
  color: var(--top-head-background-color);
  background-color: #ffffff;
}

header#schoozy-header div.schoozy-headermenu nav.navbar ul.navbar-nav li.menu-item.mx-sites ul li a span.icon-wrapper img {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  margin-right: 10px;
}

section#schoozy-front-page-widgets section.widget_media_image img {
  border: 1px solid #fff;
  border-radius: 20px;
  max-width: 100%;
  width: 100%;
}

main article div.entry-content p {
  text-align: justify;
}

main article div.entry-content p.has-text-align-center {
  text-align: center;
}

main article div.entry-content p.has-text-align-left {
  text-align: left;
}

main article div.entry-content p.has-text-align-right {
  text-align: right;
}

/* SCHOOZY gradient */

header#schoozy-header div.schoozy-mainheader,
footer#schoozy-footer,
body.page main#main div.wpcf7::before {
  background: linear-gradient(180deg,rgba(0, 192, 249, 1) 0%, rgba(0, 94, 234, 1) 100%);
}