/*
  Theme Name:     Migration Matters
  Theme URI:      http://migrationmatters.me
  Description:    Migration Matters Child Theme for Ryla
  Author:         Laura Yeffeth, Clamp Design
  Author URI:     http://www.clampdesign.com/
  Template:       ryla
  Version:        1.0.0
  Tags:           custom-menu, editor-style, featured-images, translation-ready
  License:        GNU General Public License v2.0
  License URI:    http://www.gnu.org/licenses/gpl-2.0.html

  This child theme was created by Laura Yeffeth, http://www.clampdesign.com/
  who can be reached at laura@clampdesign.com
  The CSS, HTML and design is copyrighted. All Rights Reserved.
  Text Domain: migration-matters

*/

@import url("../ryla/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Add Trash Hand Font */

@font-face {
  font-family: 'trashhandregular';
  src: url('fonts/TrashHand-webfont.eot');
  src: url('fonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/TrashHand-webfont.woff') format('woff'),
       url('fonts/TrashHand-webfont.ttf') format('truetype'),
       url('fonts/TrashHand-webfont.svg#trashhandregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.trashhand {
  font-family: "trashhandregular"; 
}

/* Colors

Link/Button Color #009999
Hover/Active Color #18605e
*/

/* Layout of homepage icons */
@media (min-width: 992px) {
  .icons .vc_column_container .vc_single_image-wrapper {
    min-height: 100px;
  }
}
/* Layout of partner logos */
#partner_images .wpb_wrapper {
  text-align: center;
}
#partner_images .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center{
  text-align: center;
  display: inline-block;
}

/* Override "read more" button style */
.vc_btn3 {
  font: 600 1em "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
}
.vc_btn3.vc_btn3-color-juicy-pink, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  background-color: #009999;
  color: #fff;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, 
.vc_btn3.vc_btn3-color-juicy-pink:focus, 
.vc_btn3.vc_btn3-color-juicy-pink:hover {
  background-color: #18605e;
  color: #f7f7f7;
}
.vc_btn3.vc_btn3-color-juicy-pink.active, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat.active, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active, 
.vc_btn3.vc_btn3-color-juicy-pink:active {
  background-color: #18605e;
  color: #f2f2f2;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-outline {
  background-color: #009999;
  border-color: #009999;
  color: #009999;
}

/* Create custom button style to match posts/course buttons */
.mm_button a {
  background-image:none !important;
  background-color: #009999 !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.mm_button a:focus, 
.mm_button a:hover {
  background-color: #18605e !important;
  color: #fff !important;
}
.mm_button a:active {
  background-color: #18605e !important;
  color: #fff !important;
}
.mm_button a.vc_btn3-style-outline {
  background-color: #009999 !important;
  border-color: #009999 !important;
  color: #009999 !important;
}

/* Add styling for pull quote on home page */
.pull-quote-image {
  margin-bottom: 0;
}
.pull-quote blockquote p {
  font-size: 1.75em !important;
  font-style: italic !important;
  line-height: 1.4 !important;
}
.pull-quote span.cite {
  display: inline-block;
  text-transform: uppercase;
  padding-left: 50px;
}
.pull-quote span.cite:before {
  content: "\2014";
}

/* Remove Dates from Blog Posts */

.post-content span.date {
  display:none;
}

/* Style Plugin Share Buttons to match Ryla Theme Buttons */
.social-sharing a {
  -moz-user-select: none;
  background-image: none !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff !important;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  padding: 12px 20px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 150ms ease-in 0s;
  margin-bottom: 10px !important;
  margin-right: 4px;
}
.social-sharing .button-facebook {
    background: #4470cf none repeat scroll 0 0;
}
.social-sharing .button-facebook:hover {
    background-color: #4066b9;
}
.social-sharing .button-twitter {
    background: #5daed5 none repeat scroll 0 0;
}
.social-sharing .button-twitter:hover {
    background-color: #569cbe;
}
.social-sharing .button-pinterest {
    background: #c53942 none repeat scroll 0 0;
}
.social-sharing .button-pinterest:hover {
    background-color: #b0363e;
}
.social-sharing {
    margin-top: 15px;
}

/* Remove Breadcrumbs from all pages */
.breadcrumbs {
  display: none;
}

/* Remove Page Title from Episode Pages */
.single-episode .dark-wrapper {
  display: none;
}

/* Increase size of social media icons in footer */
.social li a i {
  font-size: 24px;
}

/* Decrease spacing on smaller screens */
.inner, .vc_row {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .inner, .vc_row {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* Remove "About the Author section on post pages" */
.single-post .light-wrapper + .dark-wrapper { 
  display: none; 
}

/* Override Convert Kit "subscribe" button style */
.ck_form.ck_naked #ck_subscribe_button {
  background-color: #009999;
}
.ck_form.ck_naked #ck_subscribe_button:hover, 
.ck_form.ck_naked #ck_subscribe_button:active {
  background-color: #18605e;
}

/* Convert Kit Sticky Subscribe Form */
.home footer {
  padding-bottom: 161px;
}
@media (min-width: 416px) {
  .home footer {
    padding-bottom: 109px;
  }
}
@media (min-width: 514px) {
  .home footer {
    padding-bottom: 62px;
  }
}
#sticky-footer {
  display: none;
}
.home #sticky-footer {
  display:block;
  background-color: #282a2c;
  position: fixed;
  width:100%;
  bottom:0;
  z-index:999;
}
.home #sticky-footer .ck_form.ck_naked {
  margin:0 auto;
}
/* Remove Name Field on mobile */
.home #sticky-footer #ck_firstNameField {
  display:none;
}
@media only screen and (min-width: 416px) {
  .home #sticky-footer #ck_firstNameField {
    display:inline-block;
  }
}
.home #sticky-footer .ck_form.ck_naked #ck_subscribe_button {
  margin-bottom:0 !important;
}
.home #sticky-footer .ck_form.ck_naked .ck_form_fields {
  padding:10px 5%;
}

/* Adjust Scroll Up button to accommodate sticky footer */
.home #scrollUp {
  bottom: 181px;
}
@media (min-width: 416px) {
  .home #scrollUp {
    bottom: 129px;
  }
}
@media (min-width: 514px) {
  .home #scrollUp {
    bottom: 82px;
  }
}