/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.myVideo {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.myVideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@font-face {
	font-family: 'colorsofautumn';
	src: url('hope/fonts/colors-of-autumn.ttf');
	src: 
		local('Colors Of Autumn'),
		local('Colors-Of-Autumn'),
		url('hope/fonts/colors-of-autumn.ttf') 
		format('truetype');
}

.hopefont {
  margin: 0 0 15px 0;
  padding-top: 15px;
  font-family: 'colorsofautumn';
  font-weight: 100;
  color: #323946;
  text-transform: none;
}
.hopefontwhite {
  margin: 0 0 15px 0;
  padding-top: 15px;
  font-family: 'colorsofautumn';
  font-weight: 100;
  color: #ddd;
  text-transform: none;
}

 html {
    background: url(../images/blueberry/background.svg) 50% 0 fixed no-repeat, radial-gradient(ellipse at center, #f7991f 0%, #28214e 100%);
    background-size: cover;
  }