/*
Theme Name: Brother Child Theme
Theme URI: http://www.brothercreativeagency.com
Version: 1.0
Description: The child theme that can be used as a starting point for custom development for the Brother theme.
Author: Brother Creative Agency
Author URI: http://www.brothercreativeagency.com
template: bb-theme
*/

/* Add your custom styles here... */ 

a, span, i, li {
    -webkit-transition-property: all !important;
    -moz-transition-property: all !important;
    -o-transition-property: all !important;
    transition-property: all;
    -webkit-transition-duration: 0.2s !important;
    -moz-transition-duration: 0.2s !important;
    -o-transition-duration: 0.2s !important;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out !important;
    -moz-transition-timing-function: ease-in-out !important;
    -o-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out;
}

@font-face {
	font-family: Proxima Nova;
	font-weight: 400;
        font-style: normal;
        src: local('proximanova');
		src: url('/wp-includes/fonts/ProximaNova-Regular.otf') format('opentype');
}

@font-face {
	font-family: Proxima Nova;
	font-weight: 700;
        font-style: normal;
        src: local('proximanova');
		src: url('/wp-includes/fonts/ProximaNova-Bold.otf') format('opentype');
}


@font-face {
	font-family: Palatino;
	font-weight: 400;
        font-style: normal;
        src: local('palatino');
		src: url('/wp-includes/fonts/PalatinoLTStd-Roman.otf') format('opentype');
}

body {
  opacity: 1;
  transition: 0.7s opacity;
}

body.home.fade {
    opacity: 0;
    transition: none;
}

a {
    transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
	text-decoration: none !important;
}

footer a:hover {
	color: #ED1B2B !important;
}

/* Font Awesome 13px Arrow For Buttons */

.fl-button i.fa-arrow-right {
	font-size: 13px;
	line-height: 1em;
}

i {
    transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
}

/* Font Awesome Arrow Push Motion */

.fl-button i.fl-button-icon-after.fa-arrow-right {
	margin-right: 2px;
	margin-left: 2px;
}

.fl-button:hover i.fa-arrow-right {
	margin-left: 4px;
	margin-right: 0px;
}

.fl-button i.fl-button-icon-before.fa-arrow-left {
	margin-right: 2px;
	margin-left: 2px;
}

.fl-button:hover i.fa-arrow-left {
	margin-left: 0px;
	margin-right: 4px;
}
/* Font Awesome icons 19px + Arrow Push Motion */

#top-bar-call-to-action i {
	font-size: 19px;
}

#top-bar-call-to-action .fl-button i.fl-button-icon-after.fa-arrow-right {
	margin-right: 6px;
	margin-left: 2px;
}

#top-bar-call-to-action .fl-button:hover i.fa-arrow-right {
	margin-left: 8px;
	margin-right: 0px;
}

/* Blockquote */

blockquote {
    padding: 60px 60px 60px 60px;
    margin: 0px;
    font-size: 35px;
    border-left: 0px;
    font-family: Palatino;
    font-style: italic;
    color: #686868;
}

/* Main Menu Underline Items */

#main-menu .menu li {
	padding: 0px;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

#main-menu .menu a {
	padding-left: .425rem !important;
	padding-right: .425rem !important;
	padding-top: .425rem !important;
	padding-bottom: .425rem !important;
}

#main-menu .menu-item a:before {
    left: .4rem;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}

#main-menu .menu-item a:before, #main-menu .menu-item a:after {
    position: absolute;
    top: calc(100% - .25rem);
    bottom: .4rem;
    display: block;
    width: 0;
    height: 2px;
    content: "";
    background-color: #ffffff;
}

#main-menu .menu-item a:hover:before, #main-menu .menu-item a:focus:before, #main-menu .menu-item a:active:before {
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

#main-menu .menu-item a:hover:after, #main-menu .menu-item a:focus:after, #main-menu .menu-item a:active:after {
    -webkit-transition: all 0s .3s ease;
    transition: all 0s .3s ease;
}

#main-menu .menu-item a:after {
    right: .4rem;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

#main-menu .menu-item a:hover:before, #main-menu .menu-item a:hover:after, #main-menu .menu-item a:focus:before, #main-menu .menu-item a:focus:after, #main-menu .menu-item a:active:after, #main-menu .menu-item a:visited:before, #main-menu .menu-item a:visited:after {
    width: calc(100% - .8rem);
}

#mobile-menu #menu-item-285 a {
    border-radius: 6px;
    padding: 8px 30px !important;
    background-color: #ED1B2B;
}

#mobile-menu #menu-item-285 a:hover {
    background-color: #ffffff;
    color: #ED1B2B;
}

#mobile-menu #menu-item-285 a:before, #mobile-menu #menu-item-285 a:after {
    height: 0px;
}


/* Footer Block Items */

.footer-info-block-1 {
	display: inline-block;
    margin-right: 30px;
	font-size: 16px;
}

.footer-info-block-2 {
	display: inline-block;
	font-size: 16px;
}

/* Stories Page */
/* Main Hope Story Hero */

.story-top-slice body h2.fl-post-feed-title {
	margin: 0 0 0px;
}

.story-top-slice .fl-post-feed-title {
	margin-bottom: 0px;
}

.story-top-slice .fl-post-feed-meta {
    border-bottom: 2px solid #E3E3E3;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0px;
	color: #686868;
}

.story-top-slice .fl-post-feed-terms {
	margin-bottom: 10px;
}

.story-top-slice .fl-post-feed-header {
	margin-bottom: 10px;
}

.story-top-slice .fl-post-feed-more {
    font-family: Proxima Nova, Arial, sans-serif;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid rgba(243,243,243,0);
    border-style: solid;
    border-width: 0;
    background-clip: padding-box;
    border-color: #000000;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 12px 24px;
}

.story-top-slice .fl-post-feed-content p:last-of-type {
    margin-bottom: 30px;
}

.story-top-slice-image .fl-post-column {
	width: 100%;
}
.story-top-slice-image .has-post-thumbnail {
	border: 0;
}

.story-top-slice-image .has-post-thumbnail:hover {
    cursor: pointer;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}

/* Story Posts Second Slice */

.story-posts-second-slice .fl-post-feed-meta {
    border-bottom: 2px solid #E3E3E3;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0px;
	color: #686868;
}

.story-posts-second-slice .fl-post-feed-content p:last-of-type {
    margin-bottom: 30px;
}


.story-posts-second-slice .fl-post-feed-terms {
	margin-bottom: 10px;
}

.story-posts-second-slice .fl-post-feed-header {
	margin-bottom: 10px;
}

.story-posts-second-slice .fl-post-feed-meta {
	margin-bottom: 10px;
}

.story-posts-second-slice .fl-post-text {
	padding: 20px 0px 0px 0px;
}
.story-posts-second-slice {
	border: 0;
}

.secondary-slice-story-columns .fl-post-column {
	width: 100%;
}

/* Social Sharing */
.social-sharing {
	display: inline;
}

.social-sharing a {
	margin-left: 15px;
	margin-right: 15px;
    background-color: #0073b200;
    background: -moz-linear-gradient(top, #009cda00, #0073b200);
    background: -ms-linear-gradient(top, #009cda00, #0073b200);
    background: -webkit-linear-gradient(top, #009cda00, #0073b200);
    text-shadow: none;
    color: #ED1B2B;
    font-family: Proxima Nova;
    font-size: 17px;
    text-decoration: underline;
}

.social-sharing a:hover {
    background-color: #0073b200;
    background: -moz-linear-gradient(top, #009cda00, #0073b200);
    background: -ms-linear-gradient(top, #009cda00, #0073b200);
    background: -webkit-linear-gradient(top, #009cda00, #0073b200);
    text-shadow: none;
    color: #ED1B2B;
    font-family: Proxima Nova;
    font-size: 17px;
    text-decoration: underline;
}

/* Overflow Submenus */

#sidescroll nav {
    overflow: auto;
    white-space: nowrap;
}

#sidescroll .fl-menu li {
	display: inline-block;
}

#sidescroll-2 nav {
    overflow: auto;
    white-space: nowrap;
}

#sidescroll-2 .fl-menu li {
	display: inline-block;
}

#menu-gradient {
	width: 100px !important;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: linear-gradient(to right, transparent, black);
	-webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%);
}

#submenu-gradient {
	width: 100px !important;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: linear-gradient(to right, rgba(241, 241, 242, 0), #f1f1f2);
	-webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%);
}

/* Footer Brother Info */

.footer-brother-info a:hover {
	color: #71716D !important;
}