/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

div.elementor-element-a1396b0 > div > div.thim-widget-button {
	text-align: center
}

div.potenza > div > h5 {
    position: relative;
    font-size: var(--thim-footer-font-title-font-size);
    text-transform: var(--thim-footer-font-title-text-transform);
    font-weight: var(--thim-footer-font-title-font-weight);
    line-height: var(--thim-footer-font-title-line-height);
    margin: -13px 0 17px;
}

div.footer-logo > div > img {
	max-width: 180px
}

.second-text {
    font-size: 48px;
    font-weight: 700;
    color: white;
	line-height:50px;
}
.margin-second-text {
	margin-top: 10px
}

.primary-text {
    font-size: 100px;
    font-weight: 700;
    color: #4767d1;
	line-height: 120px;
}

.second-text-mobile {
    font-size: 32px;
    font-weight: 700;
    color: white;
	line-height:34px;
}

.primary-text-mobile {
    font-size: 52px;
    font-weight: 700;
    color: #4767d1;
	line-height: 66px;
	margin:20px 0
}

.full-height {
	height: 100vh
}

.rc {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.cc {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.pl {
	padding-left: 5px
}

.pr {
	padding-right: 5px
}

.plr {
	padding-left: 5px;
	padding-right: 5px;
}

.input-20 {
	width: 20%
}

.input-30 {
	width: 30%
}

.input-40 {
	width: 30%
}

.thim-register form select, .profile-page {
    width: 100%;
    line-height: 30px;
    padding: 4px 20px;
    border: 1px solid #e5e5e5;
    color: #999;
    margin-bottom: 20px;
    clear: both;
    display: block;
    min-height: 40px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup-login-wrapper {
	max-height: 80%;
	overflow-y: auto !important;
}

.popup-login-wrapper::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.popup-login-wrapper::-webkit-scrollbar-track {
  background: white;        /* color of the tracking area */
}

.popup-login-wrapper::-webkit-scrollbar-thumb {
  background-color: #4767D1;    /* color of the scroll thumb */
  border-radius: 0px;       /* roundness of the scroll thumb */
  /*border: 3px solid orange;  /* creates padding around scroll thumb */
}

.dimension-regular {
  text-align: center;
}

div.dimension-regular > img {
  max-height: 450px;
  max-width: 90%;
  object-fit: cover;
}

.custom-pad {
  padding-left: 20px;
  padding-right: 20px;
}

.pd-left {
  padding-left: 20px;
}

.reset-pad-top {
  padding-top: 0px;
}

/*.border-top-blue {
  border-top: 3px solid #4767d1;
}*/

.border-top-blue:before {
  content : "";
  position: absolute;
  left    : 25%;
  top  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-top: 2px solid #4767d1;
}

.text-grey {
  color: #666666
}

div.value > .cat-links > a {
  text-transform: uppercase;
  color: #666666;
}

.bg-blue {
  background-color: #4767d1;
  color: white;
  padding: 10px 30px
}

.bg-blue-np {
  background-color: #4767d1;
}

.bg-blue > div, .bg-blue > div > h1, .bg-blue > div > h2, .bg-blue > div > h3, .bg-blue > div > h4, .bg-blue > div > h5, .bg-blue > div > h6,
.bg-blue > h1, .bg-blue > h2, .bg-blue > h3, .bg-blue > h4, .bg-blue > h5, .bg-blue > h6 {
  color: white;
}

.two-palle, .two-palle > h1, .two-palle > h2, .two-palle > h3, .two-palle > h4, .two-palle > h5, .two-palle > h6 {
  color: white !important;
  padding-top: 0px;
}

span.line {
  background-color: white !important;
}

.my-btn {
  background: white !important;
  color: #4767d1 !important;
  border-radius: 0px !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin: 10px 0px 20px 0px;
}

.my-btn:hover {
  background-color: #00155a !important;
  border: 1px solid #00155a !important;
  color: white !important
}

.portfolio-hover {
	width: 100% !important;
	height: 100% !important;
	padding: 0 5px !important;
}

/*.elementor-4522 .elementor-element.elementor-element-2a4e037 > .elementor-widget-container {
    margin: 10px 15px 0px 15px;
}*/

@media screen and (orientation:portrait) {

}
@media screen and (orientation:landscape) { 

}

    .custom-frame {
        width: 100%;
		height:1600px;
		border: none
	}

@media screen and (max-width: 796px) {
    .custom-frame {
        width: 100%;
		height:2900px;
		border: none
	}
}