* {
margin: 0;
padding: 0;
outline: none;
text-decoration: none;
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:focus {
-moz-outline-style: none;
outline: none;
}
html body {
font-family: "Averta";
font-weight: normal;
overflow-x: hidden;
background: #fff;
padding: 0;
}
*::selection {
color: #fff;
background: #2C1E0D;
}
*::-moz-selection {
color: #fff;
background: #2C1E0D;
}
*::-webkit-selection {
color: #fff;
background: #2C1E0D;
}
*::-ms-selection {
color: #fff;
background: #2C1E0D;
}
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,
img,
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: "Averta";
border: 0;
outline: 0;
font-size: 100%;
}
b,
strong {
font-weight: 600;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
a,
span,
div a:hover,
div a:active,
button {
text-decoration: none;
}
*::after,
*::before,
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body a {
font-family: "Averta";
font-weight: normal;
color: #333333;
text-decoration: none;
outline: none !important;
}
body a:focus {
outline: none !important;
}
body a:hover {
outline: none !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
li {
list-style: none;
}
ul:after,
li:after,
.container:after {
clear: both;
display: block;
content: "";
}
.btn-main {
line-height: 200%;
display: inline-block;
width: auto;
font-family: "Montserrat";
font-size: 24px;
font-weight: 700;
color: #fff;
border-radius: 50px;
padding: 13px 69px;
letter-spacing: 0.48px;
transition: all ease 0.5s;
background: linear-gradient(to bottom, #758755 0%, #55623e 46%, #758755 100%);
position: relative;
border: 1px solid #BAC6A4;
border-top: 0;
}
.btn-main:before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -7px;
width: 100%;
height: 100%;
background-color: #363E26;
border-radius: 50px;
z-index: -1;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-family: "Montserrat";
font-weight: normal;
color: #1F1F2E;
margin: 0;
}
body h2 {
font-size: 65px;
color: #2D2011;
text-align: center;
font-weight: 700;
line-height: 114%;
letter-spacing: -1.625px;
}
img {
margin: 0 auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
outline: none !important;
}
body p {
font-family: "Averta";
font-weight: normal;
font-size: 18px;
line-height: 180%;
margin: 0;
padding: 0 0 15px 0;
text-align: left;
display: block;
}
body p:last-child {
padding-bottom: 0;
}
body p br {
display: none;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Black.svg#Averta-Black) format("svg");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Bold.svg#Averta-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-ExtraBold.svg#Averta-ExtraBold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta Extrathin";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Extrathin.svg#Averta-Extrathin) format("svg");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Light.svg#Averta-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Regular.svg#Averta-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Semibold.svg#Averta-Semibold) format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Averta";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.eot);
src: url();
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Averta-Thin.svg#Averta-Thin) format("svg");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight) format("svg");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Light.svg#Montserrat-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Thin.svg#Montserrat-Thin) format("svg");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Medium.svg#Montserrat-Medium) format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.eot);
src: url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.eot?#iefix) format("embedded-opentype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.woff2) format("woff2"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.woff) format("woff"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.ttf) format("truetype"), url(//educationconference.us/wp-content/themes/amendingthesoi/css/fonts/Montserrat-Black.svg#Montserrat-Black) format("svg");
font-weight: 900;
font-style: normal;
font-display: swap;
} .container {
width: 1430px;
max-width: 100%;
margin: 0 auto;
position: relative;
float: none;
padding: 0 15px;
}
.for-mobile {
display: none;
}
#header {
background: #F9F8F4;
padding: 20px 0;
}
#header .header-main {
display: flex;
align-items: center;
justify-content: space-between;
}
#header .header-main p {
font-size: 26px;
color: #130D11;
font-weight: 600;
letter-spacing: -0.52px;
line-height: 140%;
}
.banner {
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 50px 0;
background-position: center;
}
.banner .container,
.schedule .container {
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: auto;
transform: translateY(-50%);
}
.schedule .container {
top: 56%;
}
.banner h1 {
color: #fff;
font-weight: 500;
line-height: 100%;
padding: 0 0 20px;
font-size: 120px;
}
.banner h1 span {
font-weight: bold;
}
.banner p {
color: #fff;
font-size: 30px;
letter-spacing: -0.6px;
font-weight: 600;
line-height: 140%;
}
.banner p.date {
font-size: 36px;
letter-spacing: 0;
font-weight: 700;
padding-top: 25px;
}
.banner .content {
max-width: 610px;
margin-left: auto;
}
.banner #countdown {
display: flex;
padding-bottom: 50px;
}
.banner #countdown .date {
background: #F6D797;
padding: 17px 0 15px;
margin-right: 10px;
border-radius: 8px;
min-width: 93px;
}
.banner #countdown span {
color: #fff;
display: block;
text-align: center;
font-family: "Montserrat";
}
.banner #countdown span.number {
color: #21160A;
font-weight: bold;
font-size: 30px;
line-height: 120%;
padding: 0 0 4px;
}
.banner #countdown span:last-child {
font-size: 16px;
color: #2C1E0D;
letter-spacing: -0.64px;
font-weight: 500;
}
h4.line-title {
font-size: 22px;
color: #563A22;
position: relative;
width: max-content;
padding-right: 80px;
}
h4.line-title::before {
position: absolute;
content: "";
right: 0;
left: auto;
width: 66px;
height: 2px;
background: #563A22;
top: 13px;
}
.about-us {
padding: 100px 0;
background-position: center 50px;
background-repeat: no-repeat;
background-color: #F9F8F4;
position: relative;
}
.about-us .container {
z-index: 9;
}
.about-us .wrapper {
display: grid;
grid-template-columns: 544px 1fr;
grid-gap: 231px;
}
.about-us .wrapper h2 {
text-align: left;
padding: 10px 0 30px;
}
.about-us .wrapper .right {
padding-top: 180px;
}
.about-us .wrapper .right p {
font-size: 28px;
color: #222222;
}
.sponsors {
padding: 100px 0;
background-color: #F9F8F4;
}
.sponsors h3 {
text-align: center;
color: #2C1F11;
font-weight: bold;
font-size: 30px;
padding: 0 0 30px;
}
.sponsors ul {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.schedule {
background-repeat: no-repeat;
background-size: cover;
min-height: 826px;
position: relative;
background-color: #F9F8F4;
}
.schedule * {
color: #fff;
}
.schedule .container > p {
text-align: center;
font-size: 24px;
}
.schedule h2 {
padding: 0 0 20px;
}
.schedule ul.tabs li p {
text-align: center;
padding: 0;
line-height: 120%;
}
.schedule ul.tabs {
max-width: 666px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #4D3E28;
border-radius: 50px;
padding: 10px;
margin-top: 30px;
}
.schedule ul.tabs li {
cursor: pointer;
}
.schedule ul.tabs li p {
text-align: center;
padding: 0;
}
.schedule ul.tabs li p.day {
padding: 10px 0 5px;
}
.schedule ul.tabs li p.date {
font-size: 16px;
font-weight: bold;
padding: 0 0 10px;
}
.schedule ul.tabs li.tab.active {
background: #fff;
border-radius: 50px;
}
.schedule ul.tabs li.tab.active p {
color: #222222;
}
.schedule .bottom-tab {
max-width: 815px;
margin: 60px auto 0;
padding-right: 35px;
max-height: 255px;
overflow-y: auto;
}
body.firefox .schedule .bottom-tab {
--scrollbar-color: #576540;
--scrollbar-track-color: #fff;
--scrollbar-size: 7px;
--scrollbar-size-firefox: thin;
scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
scrollbar-width: var(--scrollbar-size-firefox);
border-radius: 10px;
}
body.mac .schedule .bottom-tab {
--scrollbar-color: #576540;
--scrollbar-track-color: #fff;
--scrollbar-size: 7px;
--scrollbar-size-firefox: thin;
scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
scrollbar-width: var(--scrollbar-size-firefox);
border-radius: 10px;
}
.schedule .bottom-tab::-webkit-scrollbar {
width: 7px;
height: 15px;
background-color: #576540;
border-radius: 10px;
}
.schedule .bottom-tab::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background: #576540;
border-radius: 10px;
}
.schedule .bottom-tab .single-content {
display: grid;
grid-template-columns: 128px auto 1fr;
grid-gap: 27px;
}
.schedule .bottom-tab .single-content .time {
font-size: 20px;
}
.schedule .bottom-tab .single-content > span {
background: #F6D797;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
color: #2E2111;
font-weight: 600;
border-radius: 50%;
}
.schedule .bottom-tab .single-content h4 {
font-size: 20px;
font-weight: 600;
font-family: "Averta";
padding: 0 0 7px;
}
.schedule .bottom-tab .single-content p {
color: rgba(255, 255, 255, 0.7);
line-height: 140%;
}
.schedule .bottom-tab .single-content:not(:last-child) .text {
padding-bottom: 40px;
position: relative;
}
.schedule .bottom-tab .single-content:not(:last-child) .text::before {
position: absolute;
content: "";
height: 100%;
width: 1px;
left: -45px;
top: 0;
bottom: 0;
background-image: linear-gradient(rgba(246, 215, 151, 0.25) 57%, rgba(255, 255, 255, 0) 0%);
background-position: right;
background-size: 1px 10px;
background-repeat: repeat-y;
z-index: -1;
}
.schedule .heateor_sss_sharing_ul * {
float: none !important;
clear: both !important;
}
.schedule .heateor_sss_horizontal_sharing {
position: absolute;
top: 30%;
left: auto;
right: 0;
bottom: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul {
position: relative;
display: flex;
flex-direction: column;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
position: absolute;
content: "";
top: -190px;
bottom: auto;
left: 0;
right: 0;
width: 1px;
height: 170px;
margin: 0 auto;
background: #fff;
opacity: 10%;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: auto;
bottom: -190px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
height: 44px;
width: 44px;
display: block !important;
border: 1px solid rgba(255, 255, 255, 0.17) !important;
border-radius: 50%;
margin: 0 auto 15px;
transition: none;
position: relative !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a:hover {
background: linear-gradient(to bottom, #758755 0%, #606d45 100%) !important;
box-shadow: 0 7px 4px rgba(0, 0, 0, 0.7) !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a::before {
position: absolute;
content: "" !important;
height: 100%;
width: 100%;
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/facebook.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a span {
display: none !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a.heateor_sss_button_x::before {
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/twitter.svg) !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a.heateor_sss_button_instagram {
margin: 0;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a.heateor_sss_button_instagram::before {
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/instagram.svg) !important;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a::after {
position: absolute;
content: "" !important;
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/share.svg);
background-repeat: no-repeat;
background-position: center;
width: 44px;
height: 27px;
top: -24px;
opacity: 0;
pointer-events: none;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a:hover::after {
opacity: 1;
}
.speakers {
padding: 100px 0;
background-color: #F9F8F4;
}
.speakers .container > p {
text-align: center;
font-size: 24px;
padding: 0;
}
.speakers ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -35px;
}
.speakers ul li.single-speaker {
flex: 0 0 28.5%;
margin: 60px 35px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 516px;
margin-bottom: 35px;
}
.speakers ul li.single-speaker .img-wrap img {
border-radius: 33px;
height: 100%;
width: 100%;
object-fit: cover;
}
.speakers ul li.single-speaker h3 {
color: #212121;
font-size: 28px;
font-weight: 600;
padding: 0 0 10px;
}
.speakers ul li.single-speaker p {
color: #212121;
line-height: 150%;
}
.we-will-dig {
padding: 50px 0;
position: relative;
z-index: 1;
}
.we-will-dig .wrapper {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
}
.we-will-dig .wrapper h2 {
text-align: left;
}
.we-will-dig .wrapper p {
padding: 20px 0 30px;
font-size: 28px;
}
.location {
background: #2C1E0D;
padding: 50px 0;
position: relative;
z-index: 1;
}
.location .wrapper {
display: grid;
grid-template-columns: 650px 1fr;
grid-gap: 125px;
align-items: center;
}
.location .wrapper .right {
padding-right: 100px;
}
.location .wrapper h2 {
text-align: left;
color: #fff;
}
.location .wrapper p {
padding: 15px 0 30px;
color: #fff;
font-size: 28px;
font-weight: 500;
line-height: 160%;
}
.location .wrapper iframe {
height: 500px;
width: 100%;
}
.location .wrapper .left {
position: relative;
}
.location .wrapper .left::before {
position: absolute;
content: "";
left: auto;
right: -81px;
top: auto;
bottom: 135px;
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/arrow-location.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 83px;
width: 229px;
}
#footer {
background: #F6D797;
padding: 38px 0;
text-align: center;
}
.sponsors ul.slick-dots {
position: static;
display: flex;
justify-content: center;
margin-top: 35px;
}
.sponsors ul.slick-dots li {
margin: 0 6px;
width: auto !important;
height: auto !important;
border-radius: unset;
background: none;
display: block;
}
.sponsors ul.slick-dots li button {
padding: 0;
background: #2c1f11 !important;
border-radius: 100%;
width: 13px !important;
height: 13px !important;
}
.sponsors ul.slick-dots li.slick-active button {
background: #5f6e45 !important;
}
.sponsors ul.slick-dots li button::before {
display: none;
}
@media (min-width: 1921px) {
.banner {
height: 800px !important;
}
}
@media only screen and (min-width: 1700px) and (max-width: 1899px) {
#header .header-main p {
font-size: 24px;
}
.banner h1 {
font-size: 100px;
}
.banner p.date {
padding-top: 10px;
}
.banner #countdown {
padding-bottom: 30px;
}
.btn-main {
font-size: 22px;
padding: 9px 59px;
}
.about-us {
background-size: contain;
}
.about-us .wrapper .right {
padding-top: 170px;
}
.schedule {
min-height: 746px;
}
.speakers ul li.single-speaker {
margin: 40px 35px 0px;
}
}
@media only screen and (min-width: 1500px) and (max-width: 1699px) {
.container {
width: 1250px;
}
body p {
font-size: 16px;
}
.btn-main {
font-size: 18px;
padding: 12px 49px;
}
body h2 {
font-size: 52px;
}
#header {
padding: 17px 0;
}
#header .logo {
height: 42px;
}
#header .logo img {
height: 100%;
width: 100%;
object-fit: contain;
}
#header .header-main p {
font-size: 22px;
}
.banner .content {
max-width: 510px;
}
.banner h1 {
font-size: 84px;
}
.banner p {
font-size: 25px;
}
.banner p.date {
padding-top: 0;
font-size: 30px;
}
.banner #countdown {
padding-bottom: 30px;
}
.banner #countdown .date {
padding: 10px 0;
}
.banner #countdown span.number {
font-size: 27px;
}
.banner #countdown span:last-child {
font-size: 15px;
}
.about-us {
padding: 70px 0;
background-size: contain;
}
.about-us .wrapper {
grid-gap: 150px;
}
.about-us .wrapper .right {
padding-top: 150px;
}
.about-us .wrapper h2 {
padding: 10px 0 20px;
}
.about-us .wrapper .right p {
font-size: 24px;
line-height: 160%;
}
.sponsors {
padding: 70px 0;
}
.sponsors ul {
display: unset;
}
.schedule {
min-height: 746px;
}
.schedule .container {
top: 54%;
}
.schedule h2 {
padding: 0 0 15px;
}
.schedule ul.tabs {
margin-top: 10px;
}
.schedule .bottom-tab {
margin: 45px auto 0;
}
.schedule .bottom-tab .single-content .time {
font-size: 18px;
}
.schedule .bottom-tab .single-content h4 {
font-size: 22px;
padding: 0 0 5px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text {
padding-bottom: 30px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: -160px;
height: 140px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
bottom: -160px;
top: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
margin: 0 auto 10px;
}
.speakers {
padding: 70px 0;
}
.speakers .container > p {
font-size: 22px;
padding: 5px 0 0;
}
.speakers ul {
margin: 0 -25px;
}
.speakers ul li.single-speaker {
flex: 0 0 29.3%;
margin: 40px 25px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 455px;
margin-bottom: 25px;
}
.speakers ul li.single-speaker h3 {
font-size: 23px;
}
.we-will-dig .wrapper {
grid-template-columns: 1fr 45%;
grid-gap: 19px;
}
.we-will-dig .wrapper p {
padding: 15px 0 20px;
font-size: 24px;
}
.location .wrapper {
grid-template-columns: 540px 1fr;
grid-gap: 85px;
}
.location .wrapper iframe {
height: 450px;
}
.location .wrapper p {
padding: 15px 0 20px;
font-size: 24px;
}
.location .wrapper .left::before {
height: 54px;
width: 169px;
}
.location .wrapper .right {
padding-right: 60px;
padding-left: 20px;
}
#footer {
padding: 25px 0;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1499px) {
.container {
width: 1150px;
}
body p {
font-size: 16px;
}
.btn-main {
font-size: 16px;
padding: 10px 40px;
}
body h2 {
font-size: 44px;
}
#header {
padding: 15px 0;
}
#header .logo {
height: 42px;
}
#header .logo img {
height: 100%;
width: 100%;
object-fit: contain;
}
#header .header-main p {
font-size: 20px;
}
.banner {
height: 100% !important;
min-height: 610px;
}
.banner .content {
max-width: 440px;
}
.banner h1 {
font-size: 70px;
padding: 0 0 15px;
}
.banner p {
font-size: 22px;
}
.banner p.date {
padding-top: 0;
font-size: 26px;
}
.banner #countdown {
padding-bottom: 30px;
}
.banner #countdown .date {
padding: 10px 0;
}
.banner #countdown span.number {
font-size: 25px;
}
.banner #countdown span:last-child {
font-size: 14px;
}
.about-us {
padding: 50px 0;
background-size: contain;
}
.about-us .wrapper {
grid-gap: 60px;
}
.about-us .wrapper .right {
padding-top: 110px;
}
.about-us .wrapper h2 {
padding: 10px 0 20px;
}
.about-us .wrapper .right p {
font-size: 22px;
line-height: 160%;
}
.sponsors {
padding: 50px 0;
}
.schedule {
min-height: 746px;
}
.schedule .container {
top: 54%;
}
.schedule h2 {
padding: 0 0 15px;
}
.schedule .container > p {
font-size: 20px;
}
.schedule ul.tabs {
max-width: 600px;
margin-top: 10px;
}
.schedule .bottom-tab {
max-width: 600px;
margin: 40px auto 0;
}
.schedule .bottom-tab .single-content {
grid-gap: 20px;
}
.schedule .bottom-tab .single-content .time {
font-size: 18px;
}
.schedule .bottom-tab .single-content h4 {
font-size: 22px;
padding: 0 0 5px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text {
padding-bottom: 30px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text::before {
left: -36px;
background-size: 1px 7px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: -160px;
height: 140px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
bottom: -160px;
top: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
margin: 0 auto 10px;
}
.speakers {
padding: 50px 0;
}
.speakers .container > p {
font-size: 22px;
padding: 5px 0 0;
}
.speakers ul {
margin: 0 -15px;
}
.speakers ul li.single-speaker {
flex: 0 0 30.7%;
margin: 30px 15px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 425px;
margin-bottom: 20px;
}
.speakers ul li.single-speaker h3 {
font-size: 20px;
}
.we-will-dig .wrapper {
grid-template-columns: 1fr 39%;
grid-gap: 89px;
}
.we-will-dig .wrapper p {
padding: 15px 0;
font-size: 20px;
}
.location .wrapper {
grid-template-columns: 510px 1fr;
grid-gap: 75px;
}
.location .wrapper iframe {
height: 390px;
}
.location .wrapper p {
padding: 15px 0;
font-size: 20px;
}
.location .wrapper .left::before {
height: 54px;
width: 169px;
}
.location .wrapper .right {
padding-right: 30px;
padding-left: 20px;
}
#footer {
padding: 20px 0;
}
}
@media only screen and (min-width: 1121px) and (max-width: 1279px) {
.container {
width: 1000px;
}
body p {
font-size: 15px;
}
.btn-main {
font-size: 14px;
padding: 9px 29px;
}
body h2 {
font-size: 38px;
}
#header {
padding: 15px 0;
}
#header .logo {
height: 35px;
}
#header .logo img {
height: 100%;
width: 100%;
object-fit: contain;
}
#header .header-main p {
font-size: 18px;
}
.banner {
height: 100% !important;
min-height: 550px;
background-position: 30% 100%;
}
.banner .content {
max-width: 400px;
}
.banner h1 {
font-size: 60px;
padding: 0 0 15px;
}
.banner p {
font-size: 20px;
}
.banner p.date {
padding-top: 5px;
font-size: 22px;
}
.banner #countdown {
padding-bottom: 30px;
}
.banner #countdown .date {
padding: 7px 0;
min-width: 79px;
}
.banner #countdown span.number {
font-size: 22px;
}
.banner #countdown span:last-child {
font-size: 12px;
}
.about-us {
padding: 50px 0;
background-size: contain;
}
.about-us .wrapper {
grid-template-columns: 424px 1fr;
grid-gap: 40px;
}
.about-us .wrapper .right {
padding-top: 110px;
}
.about-us .wrapper h2 {
padding: 10px 0 20px;
}
.about-us .wrapper .right p {
font-size: 20px;
line-height: 160%;
}
.sponsors {
padding: 50px 0;
}
.sponsors ul {
display: unset;
}
ul.slick-dots {
bottom: -40px;
}
ul.slick-dots li button::before {
content: none;
}
ul.slick-dots li,
ul.slick-dots li button {
height: 6px;
width: 6px;
padding: 0;
margin: 0;
border-radius: 50%;
background: #2C1F11;
}
ul.slick-dots li {
margin: 0 4px;
}
.schedule {
min-height: 586px;
}
.schedule .container {
top: 54%;
}
.schedule h2 {
padding: 0 0 15px;
}
.schedule .container > p {
font-size: 18px;
}
.schedule ul.tabs {
max-width: 600px;
margin-top: 10px;
}
.schedule .bottom-tab {
max-width: 550px;
margin: 40px auto 0;
max-height: 225px;
}
.schedule ul.tabs li p.day {
padding: 5px 0;
}
.schedule ul.tabs li p.date {
font-size: 15px;
}
.schedule .bottom-tab .single-content {
grid-template-columns: 115px auto 1fr;
grid-gap: 20px;
}
.schedule .bottom-tab .single-content .time {
font-size: 16px;
}
.schedule .bottom-tab .single-content h4 {
font-size: 17px;
padding: 0 0 5px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text {
padding-bottom: 30px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text::before {
left: -36px;
background-size: 1px 7px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: -120px;
height: 110px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
bottom: -120px;
top: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
margin: 0 auto 10px;
}
.speakers {
padding: 50px 0;
}
.speakers .container > p {
font-size: 22px;
padding: 5px 0 0;
}
.speakers ul {
margin: 0 -15px;
}
.speakers ul li.single-speaker {
flex: 0 0 30%;
margin: 25px 15px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 375px;
margin-bottom: 20px;
}
.speakers ul li.single-speaker h3 {
font-size: 18px;
padding: 0 0 5px;
}
.we-will-dig .wrapper {
grid-template-columns: 1fr 44%;
grid-gap: 9px;
}
.we-will-dig .wrapper p {
padding: 15px 0;
font-size: 18px;
}
.location .wrapper {
grid-template-columns: 450px 1fr;
grid-gap: 65px;
}
.location .wrapper iframe {
height: 330px;
}
.location .wrapper p {
padding: 15px 0;
font-size: 18px;
}
.location .wrapper .left::before {
height: 44px;
width: 119px;
bottom: 95px;
}
.location .wrapper .right {
padding-right: 0px;
padding-left: 20px;
}
#footer {
padding: 15px 0;
}
#footer #copyright {
font-size: 15px;
}
}
@media (max-width: 1120px) {
.container {
width: 930px;
}
body p {
font-size: 15px;
}
.btn-main {
font-size: 14px;
padding: 9px 29px;
}
body h2 {
font-size: 34px;
}
#header {
padding: 15px 0;
}
#header .logo {
height: 35px;
}
#header .logo img {
height: 100%;
width: 100%;
object-fit: contain;
}
#header .header-main p {
font-size: 18px;
}
.banner {
height: 100% !important;
min-height: 490px;
background-position: 30% 100%;
}
.banner .content {
max-width: 400px;
}
.banner h1 {
font-size: 50px;
padding: 0 0 15px;
}
.banner p {
font-size: 18px;
}
.banner p.date {
padding-top: 0;
font-size: 20px;
}
.banner #countdown {
padding-bottom: 30px;
}
.banner #countdown .date {
padding: 7px 0;
min-width: 79px;
}
.banner #countdown span.number {
font-size: 22px;
}
.banner #countdown span:last-child {
font-size: 12px;
}
.about-us {
padding: 50px 0;
background-size: contain;
}
.about-us .wrapper {
grid-template-columns: 384px 1fr;
grid-gap: 40px;
}
.about-us .wrapper .right {
padding-top: 110px;
}
.about-us .wrapper h2 {
padding: 10px 0 20px;
}
.about-us .wrapper .right p {
font-size: 18px;
line-height: 160%;
}
.sponsors {
padding: 50px 0;
}
.sponsors h3 {
font-size: 24px;
padding: 0 0 20px;
}
.sponsors ul {
display: unset;
}
ul.slick-dots {
bottom: -30px;
}
ul.slick-dots li button::before {
content: none;
}
ul.slick-dots li,
ul.slick-dots li button {
height: 6px;
width: 6px;
padding: 0;
margin: 0;
border-radius: 50%;
background: #2C1F11;
}
ul.slick-dots li {
margin: 0 4px;
}
.schedule {
min-height: 586px;
}
.schedule .container {
top: 54%;
}
.schedule h2 {
padding: 0 0 15px;
}
.schedule .container > p {
font-size: 18px;
}
.schedule ul.tabs {
max-width: 530px;
margin-top: 6px;
padding: 6px;
}
.schedule .bottom-tab {
max-width: 550px;
margin: 40px auto 0;
}
.schedule ul.tabs li p.day {
padding: 5px 0;
}
.schedule ul.tabs li p.date {
font-size: 15px;
}
.schedule .bottom-tab .single-content {
grid-template-columns: 115px auto 1fr;
grid-gap: 20px;
}
.schedule .bottom-tab .single-content .time {
font-size: 16px;
}
.schedule .bottom-tab .single-content h4 {
font-size: 20px;
padding: 0 0 5px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text {
padding-bottom: 30px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text::before {
left: -36px;
background-size: 1px 7px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: -120px;
height: 110px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
bottom: -120px;
top: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
margin: 0 auto 10px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
height: 38px;
width: 38px;
margin: 0 auto 10px;
}
.speakers {
padding: 50px 0;
}
.speakers .container > p {
font-size: 20px;
padding: 5px 0 0;
}
.speakers ul {
margin: 0 -10px;
}
.speakers ul li.single-speaker {
flex: 0 0 30%;
margin: 25px 15px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 325px;
margin-bottom: 20px;
}
.speakers ul li.single-speaker h3 {
font-size: 18px;
padding: 0 0 5px;
}
.we-will-dig .wrapper {
grid-template-columns: 1fr 44%;
grid-gap: 9px;
}
.we-will-dig .wrapper p {
padding: 15px 0;
font-size: 18px;
}
.location .wrapper {
grid-template-columns: 450px 1fr;
grid-gap: 65px;
}
.location .wrapper iframe {
height: 330px;
}
.location .wrapper p {
padding: 15px 0;
font-size: 18px;
}
.location .wrapper .left::before {
height: 44px;
width: 119px;
bottom: 95px;
}
.location .wrapper .right {
padding-right: 0px;
padding-left: 20px;
}
#footer {
padding: 15px 0;
}
#footer #copyright {
font-size: 15px;
}
}
@media (max-width: 991px) {
.container {
width: 100%;
}
.banner {
min-height: 400px;
background-position: 34% 100%;
}
.banner h1 {
padding: 0 0 10px;
width: 270px;
}
.banner .content {
max-width: 370px;
}
.banner #countdown {
padding-bottom: 20px;
}
h4.line-title {
font-size: 18px;
padding-right: 50px;
}
h4.line-title::before {
width: 43px;
top: 11px;
}
body h2 {
font-size: 30px;
}
.about-us .wrapper {
grid-template-columns: 324px 1fr;
}
.about-us .wrapper .right {
padding-top: 80px;
}
.about-us .wrapper .right p {
font-size: 16px;
}
.schedule .heateor_sss_horizontal_sharing {
right: 20px;
}
.speakers .container > p {
font-size: 18px;
}
.speakers ul {
margin: 0 -5px;
}
.speakers ul li.single-speaker {
flex: 0 0 31.9%;
margin: 25px 5px 0px;
}
.speakers ul li.single-speaker .img-wrap {
height: 295px;
}
.location .wrapper {
grid-template-columns: 320px 1fr;
grid-gap: 25px;
}
.location .wrapper p {
font-size: 16px;
}
.location .wrapper .right {
padding-left: 10px;
}
.location .wrapper .left::before {
height: 37px;
width: 89px;
bottom: 131px;
right: -30px;
}
#footer #copyright {
font-size: 14px;
}
}
@media (max-width: 767px) {
body h2 {
font-size: 28px;
}
.for-mobile {
display: block;
}
.for-desktop {
display: none;
}
.banner {
min-height: 540px;
background-position: 100%;
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/mobile-main-banner.png) !important;
}
.banner .container {
top: 200px;
}
.banner .content {
max-width: 100%;
}
.banner h1 {
width: 100%;
}
.about-us {
position: relative;
z-index: 1;
background-size: 330px;
background-position: 50% 100%;
}
.about-us .wrapper {
grid-template-columns: 1fr;
grid-gap: 10px;
}
.about-us .wrapper h2 {
padding: 10px 0 0;
}
.about-us .wrapper .right {
padding-top: 0;
padding-bottom: 90px;
}
.about-us .wrapper .right a.btn-main {
display: inline-block;
}
.sponsors {
padding: 30px 0;
}
.schedule {
min-height: 656px;
}
.schedule .heateor_sss_horizontal_sharing {
position: unset;
padding-top: 30px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a {
height: 40px;
width: 40px;
margin: 0 5px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul a.heateor_sss_button_instagram {
margin: 0 5px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
top: 18px;
width: 110px;
height: 1px;
left: -120px;
right: auto;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
bottom: 0;
top: 17px;
left: auto;
right: -120px;
}
.speakers ul li.single-speaker {
flex: 0 0 48%;
}
.speakers ul li.single-speaker .img-wrap {
height: 320px;
}
.we-will-dig .wrapper p {
font-size: 16px;
}
.location .wrapper {
grid-template-columns: 1fr;
}
.location .wrapper .left {
order: 2;
}
.location .wrapper .right {
padding-left: 0;
}
.location .wrapper .left::before {
height: 37px;
width: 89px;
bottom: auto;
right: auto;
left: 35%;
top: -40px;
transform: rotate(-145deg);
}
.location .wrapper iframe {
height: 300px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul {
flex-direction: unset;
max-width: 152px;
margin: 0 auto !important;
}
.schedule .for-mobile {
display: none;
}
.schedule .for-desktop {
display: block;
}
}
@media (max-width: 580px) {
body p {
font-size: 14px;
}
#header .logo {
height: 100%;
}
#header .logo img {
max-width: 130px;
}
#header .header-main p {
font-size: 15px;
}
.banner h1 {
font-size: 42px;
width: 250px;
}
.banner p {
font-size: 16px;
}
.banner p.date {
font-size: 18px;
}
.banner #countdown span.number {
font-size: 20px;
}
.banner #countdown .date {
min-width: 70px;
}
.btn-main {
padding: 6px 24px;
}
.banner {
min-height: 770px;
background-position: 100% 100%;
}
.about-us::before {
position: absolute;
content: "";
left: 0;
top: 0;
right: auto;
bottom: auto;
background-image: url(//educationconference.us/wp-content/themes/amendingthesoi/images/flower.png);
background-repeat: no-repeat;
background-position: center;
width: 140px;
height: 175px;
pointer-events: none;
background-size: contain;
}
.schedule .for-mobile {
display: inline-block;
}
.schedule .for-desktop {
display: none;
}
.schedule .bottom-tab .single-content {
grid-template-columns: 32px auto;
grid-gap: 15px;
}
.schedule .bottom-tab .single-content:not(:last-child) .text::before {
left: -31px;
}
.schedule .bottom-tab .single-content h4 span {
font-weight: normal;
font-size: 18px;
}
.schedule ul.tabs li p.date {
font-size: 14px;
}
.schedule ul.tabs {
max-width: 100%;
padding: 5px;
}
.schedule .bottom-tab {
max-width: 100%;
margin: 20px auto 0;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::before,
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
width: 90px;
left: -100px;
}
.schedule .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul::after {
right: -100px;
left: auto;
}
.schedule h2 {
padding: 0 0 10px;
}
.speakers ul.slick-dots {
align-items: center;
}
.schedule .container > p,
.speakers .container > p {
font-size: 16px;
line-height: normal;
}
.speakers .container > p {
padding-bottom: 15px;
}
.speakers ul.slick-slider {
margin: 0;
}
.speakers ul li.single-speaker {
margin: 0;
}
.speakers ul li.single-speaker .img-wrap {
height: 360px;
margin: 0 20px 15px;
}
.speakers ul li.single-speaker h3,
.speakers ul li.single-speaker p {
text-align: center;
}
.we-will-dig {
padding: 50px 0;
}
.we-will-dig .wrapper {
grid-template-columns: 1fr;
grid-gap: 25px;
}
.location {
padding: 50px 0 0;
}
.location .wrapper .left::before {
height: 33px;
width: 109px;
bottom: auto;
right: auto;
left: 130px;
top: -40px;
transform: rotate(-95deg);
}
.location .container {
padding: 0;
}
.location .wrapper .right {
padding: 0 15px 60px;
}
#footer #copyright {
max-width: 270px;
margin: 0 auto;
}
ul.slick-dots li.slick-active,
ul.slick-dots li.slick-active button {
height: 8px;
width: 8px;
}
.speakers ul li.single-speaker .img-wrap img {
object-position: top;
}
}