/**
 * Theme Name: MTA Theme
 * Template:   hello-elementor
 */

:root {
  --blue: #007bff;
}



/* =======
Typography
======= */

html {
  font-size: 20px;
}

body {
  font-size: 0.8rem;
}

figcaption {
  font-style: inherit;
}

h1.entry-title {
  margin: 0 0 2rem 0;
  color: var(--blue);
}

iframe {
  max-width: 100%;
}

hr {
  display: block;
  background: #e6e6e6 !important;
  border: 0;
  height: 1px;
  margin: 1rem 0 !important;
  clear: both;
}

p {
  margin: 0 0 1rem;
}
p.powerpress_links {
  margin: 0 0 1rem !important;
}

blockquote {
  border-left: 4px solid #8ad4f4;
  margin: 1em 0;
  padding: 0 0 0 1em;
}

h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.2rem;
}
h4, h5, h6 {
  font-size: 1rem;
}

@media (max-width: 900px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  h3 {
    font-size: 1.2rem;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 0.7rem;
  }
  h1 {
    font-size: 1.6rem;
  }
}



/* ===
Layout
=== */

main.page {
  padding-bottom: 3rem;
}



/* ==
Posts
== */

img.alignleft {
  clear: both;
  margin: 0 1rem 1rem 0;
}
img.alignright {
  clear: both;
  margin: 0 0 1rem 1rem;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.elementor-posts img.alignleft {
  margin: 1rem 0;
}
@media (min-width: 900px) {
  .elementor-posts .elementor-post__text img {
    max-width: 50%;
    margin: 1rem 1rem 1rem 0;
    float: left;
  }
}

.powerpress_player {
  clear: both;
}



/* =====
Archives
===== */

/* hide podcast player */
.elementor-posts .blubrryplayer,
.elementor-posts .powerpress_links {
  display: none;
}


/* ==
Forms
== */

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border-color: #999;
  margin: 0.5rem 0 1rem 0;
  border-radius: 8px;
}
.elementor-add-to-cart input, select, textarea {
  margin: 0;
}

label {
  font-weight: bold;
}

button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #f2981b;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #fff;
  background-color: #f2981b;
  text-decoration: none;
}



/* =======
Shortcodes
======= */

span.dropcap {
  font-size: 300%;
  font-weight: bold;
  float: left;
  position: relative;
  margin: 5px 7px 0 0;
  line-height: 0.7em;
}

.twocol-one{width:48%;}
.threecol-one{width:30.66%;}
.threecol-two{width:65.33%;}
.fourcol-one{width:22%;}
.fourcol-two{width:48%;}
.fourcol-three{width:74%;}
.fivecol-one{width:16.8%;}
.fivecol-two{width:37.6%;}
.fivecol-three{width:58.4%;}
.fivecol-four{width:78.4%;}
.sixcol-one{width:13.33%;}
.sixcol-two{width:30.66%;}
.sixcol-three{width:47.99%;}
.sixcol-four{width:65.33%;}
.sixcol-five{width:82.67%;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;margin-bottom:4%;position:relative;}
.last{ clear:right; margin-right:0; }
@media only screen and (max-width: 768px) {
  .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{margin-right: 0; width: 100% !important;}
}
.clear:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}



/* ====
Sidebar
==== */

.widget-content {
  border: 1px solid #dfdee0;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 30px;
}

.widget-title {
  font-size: 20px;
  border-bottom: 4px solid #dfdee0;
  margin-top: 0;
  padding-bottom: 8px;
}

.widget-content ul {
  padding-left: 1.25em;
}

.widget-content .search-form {
  display: flex;
}
.widget-content .search-field {
  font-size: 16px;
  margin: 0;
  padding: 10px;
}
.widget-content .search-submit {
  font-size: 16px;
  margin: 0 0 0 10px;
  padding: 10px;
}

.social-links-widget {
  display: flex;
  justify-content: space-between;
  margin: -10px;
}
.social-links-widget a {
  display: block;
  margin: 10px;
  flex: 0 1 auto;
}
.social-links-widget img {
  display: block;
  max-width: 100%;
  height: auto;
}



/* ====
Checkout
==== */

.woocommerce-notices-wrapper {
  margin: 0;
}

/* coupon field */
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 7rem;
}

.woocommerce table.shop_table {
  margin-bottom: 3rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{
  background-color: #F2981B;
}