/* default */
body {
    color: #111;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 0;
    margin: 0;
}
/* links */
#main-content a:link {
    text-decoration: none;
    color: #ea8080;
}
#main-content .button a:link {
    color: #FFF !important;
}

/*** text styles -spans***/
.page-heading {
    position: relative;
    display: inline-block;
    font-family: 'bebas-neue', sans-serif;
    letter-spacing: 2.5px;
    font-size: 24px;
    text-transform: uppercase;
}
.page-heading:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 1px;
    background: #111;
}

.sub-heading {
    font-family: 'verveine', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #ea8080;
}

/** inline-block elements **/
/** icons **/
.insta-icon,
.fb-icon {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
.insta-icon {
    background-image: url('app/img/insta-icon.svg');
}
.fb-icon {
    background-image: url('app/img/fb-icon.svg');
}

/** button links **/
.button,
a.button {
    position: relative;
    display: inline-block;
    padding: 10px;
    padding-right: 40px;
    font-family: 'bebas-neue', sans-serif;
    letter-spacing: 2.5px;
    font-size: 18px;
    line-height:25px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #000;
    color:#fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);
    min-width:100px;
}
.button::before {
    /** circle **/
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    height: 100%;
    width: 50px;
    border-radius: 50%;
    background-color: #FFF;
    right:0;
    margin-right:-25px;
}
.button::after{
    /** arrow **/
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #000;
    top: 50%;
    margin-top: -5px;
    right:0;
    margin-right:-4px;
}
.button:hover {
    background-color: #353535;
}

/* pink button */
.button.pink,
a.button.pink {
    background-color: #fca8a8;
    color:#ffffff;
}
.button.pink::after {
    border-color: transparent transparent transparent #fbd3d3;
}
.button.pink:hover {
    background-color: #fbd3d3;
}

/*** circle picture/video div ***/
.circle {
    display: inline-block;
    vertical-align: top;
    background-color: #111;
    max-width: 100%;
    width: 500px;  /* change to percentage */
    height: auto;
    border-radius: 50%;
}
.circle.left {
    float: left;
    margin-right: 4%;
}
.circle.right {
    float: right;
    margin-left: 4%;
}

/*** clearfix ***/
.clear {
    display: block;
    width: 100%;
    clear: both;
}
h1,h2,h3 {
    font-family: 'bebas-neue', sans-serif;
    letter-spacing: 2.5px;
    text-transform:uppercase;
}

.embeddedContent {
    margin-right:20px;
    margin-bottom:20px;
}