@font-face {
	font-family: "Qwigley";
	font-weight: 400;
	font-style: normal;
	src: url(/wp-content/uploads/sgf-css/1cXzaU3UGJb5tGoCiVtmig.woff2) format('woff2'), url(/wp-content/uploads/sgf-css/1cXzaU3UGJb5tGoCiVVmjA.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} #flip-wrapper p{ padding: 8px; margin: -5px 0 0; } #flip-wrapper p.flip-readmore, p.flip-readmore a { font-size: 12px; text-align: center; color: #fff; text-shadow: 0 1px 0 #eee; position: fixed; bottom: 35px; left: 25%; height: 30px; background-color: tomato; cursor: pointer; width: 50%; line-height: 30px; } #flip-wrapper p.flip-readmore:hover, p.flip-readmore a:hover { font-size: 12px; color: #fff; text-shadow:none; position: fixed; bottom: 35px; left: 25%; height: 30px; background-color: teal; cursor:pointer; width: 50%; line-height: 30px; } #flip-wrapper p.dl-flipper-meta{ font-size: 11px; color: #fff; text-align: center; position: fixed; bottom: 0; left: 0; height: 30px; background-color: #aaa; width: 100%; line-height: 12px; } #flip-wrapper{ display: block; } .dl-flip-container { border-radius: 2px; width: 100%; height: 100%; position: absolute; display: inline-block; padding: none; margin: none; -webkit-transition: -webkit-transform .7s; -moz-transition: -moz-transform .7s; -o-transition: -o-transform .7s; -ms-transition: -o-transform .7s; transition: transform .7s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-flip-container:hover .dl-flipper, .dl-flip-container.hover .dl-flipper { transform: rotateY(180deg); } .dl-flip-container, .dl-front, .dl-back { display: block; } .dl-flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .dl-front, .dl-back { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .dl-front { z-index: 2; transform: rotateY(0deg); background-size: initial!important; background-repeat: no-repeat; background-position: center center; } .dl-back { transform: rotateY(180deg); padding: 12px; background-size: cover!important; background-repeat: no-repeat; background-position: center center; } .dl-back-content{ } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;'. } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } img.circle{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 3px solid rgba(152,152,152,0.4); margin: 0 auto 12px; }