@import url('ubusha-webfonts.css');
@import url('helper-classes.css');

/* header */

.header-top {
	display:none;
}

.header-middle {
	background-color: #fff!important;
    /* height: 4.375rem; */
    padding: 2rem!important;
    /* padding-top: 0rem!important; */
    padding-bottom: 0.2rem!important;
    z-index: 2001;
}

.not-home-logo-link {
	width:100%;
	z-index: 10005;
    position: relative;
}
.header-logo {
	/* height: 2rem; */
    /* max-height: 2rem; */
    /* width: auto; */
    margin-top: 0.9rem;
    margin-left: 0rem;
    position: absolute;
    width: 157px;
    /* padding-bottom: 3rem; */
    z-index: 3000;
}

#second-logo{
	margin-left: 11rem;
	display:inline;
	margin-top: 0.7rem;
	max-height:32px;
}

.top-bar {
	background:transparent;
	z-index: 110;
}

.icon-home {
	width:30px;
	height:30px;

	background:transparent url('../images/home-icon.png') no-repeat center center;
	background-size:cover;

	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

#socialright .fa-hp-foot {
    font-size: 3rem;
    margin-top: 0;
    margin-left: 0;
	color: #89C71C;
}

#socialright .fa-hp-foot:hover {
   	color: #0078ef;
}
.social-icons-foot#socialright {
    /* display: none; */
    display: block;
    position: fixed;
    top: 19rem;
    right: 0;
    z-index: 100;
    background-color: #fff;
    width: 3.4rem;
    border: 1px solid #eee;
    padding: 0.3rem;
    opacity: 0.8;
}

.top-bar-section ul li>a {
font-size:0.7rem!important;
}

.icon-home:hover {
	background:transparent url('../images/home-icon-over.png') no-repeat center center;
	background-size:cover;
}

.right .active .icon-home {
	background:transparent url('../images/home-icon-over.png') no-repeat center center;
	background-size:cover;
}
.centered { text-align:center!important;}
.eventlogo {height: 2.1rem; max-height: 2rem; width: auto;  margin-top: 0.9rem;
    margin-left: 10rem;
    position: absolute;}
	
.fake-c-card ul { list-style-image:url('../images/bullet.png')	}
.home .fake-c-card ul { text-align:left!important;}
.home #keyhome.fake-c-card {  margin-left:auto!important; margin-right:auto!important;}
.home #keyhome.fake-c-card img { /*float:left!important;;*/ width:auto; height:auto; margin-top:0.5rem; border:5px solid #ddd; border-radius:10px;}
#keyhome {margin-bottom:2rem; background-color:#eee;}
#keyhome p { font-size:1.2rem;}
#page-content #keyhome h2.article-headline { padding-bottom:0.5rem;   color:#fff;
 font-family: 'Antenna-Regular',Arial,sans-serif;
    
    text-align: center;
    padding: 0.8rem 0rem;
    padding-bottom: 24px!important;
    background-color: #89C71C;
    margin-top: 15px;
    margin-bottom: 10px;
    background-image: url("../images/h3-bg2.png");
    background-position: center bottom;
    background-repeat: repeat-x;


}

div#button-top { height:auto!important;
    height: auto!important;
    height: auto!important;
    height: auto!important;
    height: auto!important;
    height: auto!important;
    height: auto!important;
    height: auto!important;
    /* background-image: url("https://v2.itweb.co.za/event/ubusha/public-sector-forum/images/button-img.png"); */
    /* background-position: center left; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-color: #00bbe3!important; */
    /* font-weight: normal!important; */
    background-color: transparent;
    color: #fff;
    background-image: url(../images/button-img.png);
    background-position: 0.3rem;
    background-repeat: no-repeat;
    line-height: 1rem;
    margin-top: -5.7rem;
    margin-right: 0rem;
    /* height: -4rem;
		margin-left: 0.5rem; */
    padding: 0.3rem;
    background: linear-gradient;
    background: #85C01C;
    background: -webkit-linear-gradient(#85C01C, #85C01C);
    background: -o-linear-gradient(#85C01C, #85C01C);
    background: -moz-linear-gradient(#85C01C, #85C01C);
    background: linear-gradient(#85C01C, #85C01C)!important;
   /*  border: 1px solid #898989;  */
    border-radius: 10px;
	text-align:center;
	font-size: 0.7rem;
}

div#button-top:hover { 
	background: linear-gradient(#85C01C, #3D4B1F)!important;
}

.top-bar ul.right{
	margin-right:0rem;
	}

.surhead {background-color:#cb212a; color:#fff; width:27rem; margin-right:auto; margin-left:auto; padding:0.5rem; text-align:center; font-size:1.4rem; border-bottom:1px solid #333;}
.surlink {background-color:#e6e6e6; width:27rem;  margin-right:auto; margin-left:auto; padding:0.5rem; text-align:center; font-weight:bold; font-size:1.1rem;margin-bottom:1rem;-moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);}
	
@media only screen and (max-width: 27rem) {.surhead, .surlink { width:90%;}}	
@media only screen and (min-width: 64em) {

	.top-bar-section {
		padding-top: 0rem;
		/*margin-right: 2.5rem;*/
	}

	.top-bar-section ul li {
		background:transparent!important;
		padding-top: 0rem;
		margin-right: .1rem;
		
	}
		.top-bar-section ul.animateDwn li {background:#fff!important;}
.top-bar-section ul li a {text-transform:uppercase!important;
    text-transform: uppercase!important;
    /* padding-top: 0.3rem!important; */
    padding-bottom: 1.5rem!important;}
	.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
    /* width: 5.3rem; */
    /* max-width: 100%; */
    height: 1.625rem;
    text-align: center;
    color: #333;
    /* border: 1px solid #575757; */
    font-family: 'Antenna-Regular',Arial,sans-serif;
    font-size: -23.4rem;
    letter-spacing: -.03rem;
    line-height: 1.625rem;
    padding: 0 0.5rem;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button)  li.active:not(.home-icon-container) {
		background:#89C71C;
		line-height:1.625rem;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button):hover	{
		background:#89C71C;
		color: #333;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #fff;
	color:#333; 
   	line-height: 1.625rem;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/triangle.png"); */
    /* background-position: center bottom; */
    /* background-repeat: no-repeat; */
	}

	.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #89C71C;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/triangle.png"); */
    color: #333;
    /* background-position: center bottom; */
    /* background-repeat: no-repeat; */
	}

	.home-icon-container {
		width: 30px;
		margin-right:1rem!important;
		padding-top:0!important;
	}

	.home-icon-container:hover, .home-icon-container a {
		background:transparent!important;
		padding:0!important;
	}

	.home-icon-container a {
		border:0px!important;
		width:30px!important;
	}
	
.home .fake-c-card ul {}	

}
.top-bar{
	    margin-top: 1.5rem;
}

.top-bar .toggle-topbar.menu-icon a {
	color:#575757;
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #575757,0 7px 0 1px #575757,0 14px 0 1px #575757;
}

.top-bar.expanded .title-area {
	/* height: 3.375rem; */
}

.top-bar.expanded .title-area, .top-bar-section ul li:hover {
	background:#fff;
}

.top-bar-section ul li {
	background: #E6E6E6;
}

.top-bar-section ul li a{
	color:#575757;
	font-family: 'Antenna-Regular',Arial,sans-serif;
	
}
.top-bar-section ul li a {text-transform:uppercase!important;
    /* padding-top: 1.2rem!important; */
    /* padding-bottom: 3.2rem!important; */}
.top-bar-section ul li:last-child a{
	/* border-bottom:1px solid #575757; */
}


.top-bar-section ul li.active>a, .top-bar-section ul li a:hover, .top-bar-section ul li:hover:not(.has-form)>a {
	background: #89C71C;
    color: #fff;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/triangle.png"); */
    background-position: center bottom;
    background-repeat: no-repeat;
}

.top-bar-section ul li.active>a:hover {
	background: #8BCA1A;
    color: #fff;
}

.top-bar-section .home-icon-container a {
	background:#E6E6E6!important;
}


.header-bottom {
	background: /*rgb(219,219,219);*/

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(100%,rgba(243,243,243,1)));

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						-webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(243,243,243,1) 50%,rgba(243,243,243,1) 100%);

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						-moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(243,243,243,1) 50%, rgba(243,243,243,1) 100%);

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						-o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(243,243,243,1) 50%,rgba(243,243,243,1) 100%);

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						-ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(243,243,243,1) 50%,rgba(243,243,243,1) 100%);

	background-image:	/*url('../images/riverbed-hero-bgnd-left-min.png'),
						url('../images/riverbed-hero-bgnd-right-min.png'),*/
						linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(243,243,243,1) 50%,rgba(243,243,243,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f3f3f3',GradientType=0 );

	background-repeat:no-repeat;

	background-position: left center, right center, top center;
	/* background-size: auto 28rem, auto 28rem, contain; */
	height:265px;
	padding:0!important;

	/*
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	*/

}

/*
.header-bottom * {
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
*/


@media only screen and (max-width: 90em) {
	.header-bottom {
		background-position: -20% center, 120% center, top center;
	}
}

@media only screen and (max-width: 64em) {
	.header-bottom {
		/* background-position: -50% center, 150% center, top center;
		background-size: auto 28rem, auto 28rem, contain;
		height:28rem; */
	}
}

@media only screen and (max-width: 40em) {
	.header-bottom {
		/* background-position: -20rem center, 40rem center, top center; */
	}
}


.header-bottom .conf-logo {
    height: 8.313rem;
    width: auto;
    position: absolute;
    top: 2.8rem;
    left: 2.2rem;
}


@media only screen and (max-width: 40em) {
	.header-bottom .conf-logo {
		top: 1rem;
		left: 0rem;
	}

}

.header-bottom .colors-stripe {
    width: 100%;
	margin:0;
}
.header-bottom .colors-stripe > div {
	height: 7px;
}
.colors-stripe>.first {
  /*background-color:#6BB5E4;*/
}
.colors-stripe>.second {
	/*background-color:#FBB022;*/
}
.colors-stripe>.third {
	/*background-color:#89C71C;*/
}

#bottom-stripe {
	top:21.5rem;
}
#secondbottom-stripe {
	top:26rem;
}

/* tagline */

.header-bottom > .row {
	background-image: url('../images/ubusha-slider-background.jpg');
    background-position: top right;
    /* background-size: 442px 420px; */
    background-repeat: no-repeat;
    height: 265px;
    background-color: #89C71C;
}

@media only screen and (max-width: 90em) {
	.header-bottom > .row {
	/*
		background-size: 272px auto;
		background-position:right bottom;
	*/
		/*background-size: 402px auto;
		background-position: right 3rem;*/
	}
}

@media only screen and (max-width: 64em) {
	.header-bottom > .row {
	/*
		background-size: 221px 210px;
		background-position:right bottom;
	
		background-size: 250px auto;
		background-position: right 5rem;*/
	}
}

@media only screen and (max-width: 40em) {
	.header-bottom > .row {
		background-image:none;
		
		
	}
}


.header-bottom .conf-tagline {
    top: 13rem;
    left: 1.9rem;
}

.header-bottom #tagline2 {
	position:absolute;
	top: -50rem;
}

.header-bottom .conf-tagline .first-line {
	font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #0078ef;
    font-size: 2.4rem;
	margin-top:-11rem;
	line-height: 100%;
}
.header-bottom .conf-tagline .second-line {
	font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #89C71C;
    font-weight: bold;
    font-size: 1.37rem;
}
.ubusha-sub{
	color: #fff;
	font-family:'Antenna-Light',Arial,sans-serif;
	font-size: 1.3rem;
}
#page-content .button, .conf-tagline .button {
    background-color: #89C71C!important;	
}
#page-content .home .button {background-color:transparent!important;}
#page-content .home .home-news .button {background-color:#89C71C!important;}
#page-content .button span{ 
	display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    /* background-color: #89C71C; */
    font-size: 1.15rem;
    color: #fff;
    padding: 0.75rem 1.2rem;
    /* border: 1px solid #575757; */
    margin-top: 1rem;
    /* border-radius: 8px; */
   /*  width: 29rem!important; */
    margin-right: auto!important;
    margin-left: auto!important;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/button-bg.png"); */
    /* background-position: center left; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    border: transparent;
     /* background-image: url(https://v2.itweb.co.za/event/ubusha/public-sector-forum-2016/images/ubusha-button-large.png); */
   /*  width: 424px!important; */
    background-repeat: no-repeat;
    height: 47px;
    background: linear-gradient;
    background: #85C01C;
    background: -webkit-linear-gradient(#85C01C, #85C01C);
    background: -o-linear-gradient(#85C01C, #85C01C);
    background: -moz-linear-gradient(#85C01C, #85C01C);
    background: linear-gradient(#85C01C, #85C01C)!important;
  /*   border: 1px solid #898989;  */
    border-radius: 10px;
}


#page-content .button span:hover { 
	background: linear-gradient(#85C01C, #3D4B1F)!important;
  }


#page-content .button {
	width: 100%;
	
}
@media only screen and (max-width: 412px) {
	#page-content .button span {
	width: 11rem!important;
}
	}
#page-content .button:hover, .conf-tagline .button:hover {
	/*color:#89C71C;
	background-color: #89C71C;
	color:#fff;*/
}

#page-content .button {
	
}

#page-content .button a {
	display: block;
    width: 100%;
    height: 100%;
    margin: 0.3rem 0.5rem;
}

.conf-tagline .date-line {
	/*margin-top:2rem!important;*/
	margin-top:0!important;
    font-size: 1.3rem;
	/* font-weight: bold; */
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #fff;
}
p.resize.date-line { 
	line-height:0.2;
	margin-top: 3rem!important;
}

.conf-tagline .date-line span {
	color:#6BB5E4;
}

.conf-tagline .itwebdisclaimer {
	font-size: .725rem;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #333;
    font-weight: bold;
	margin-top:3.7rem!important;
	margin-left: 0.2rem;
	z-index: 1000!important;
}



@media only screen and (max-width: 40em) {
	.header-bottom .conf-tagline {
		top: 10rem;
		left: 0rem;
	}
	.header-bottom .conf-tagline .first-line {
	    line-height: 1.8rem;
	}
	.header-bottom .conf-tagline .second-line {
	    font-size: 1rem;
	}
	.conf-tagline .button {
		font-size:1rem;
	}
	.conf-tagline .date-line {
		font-size: 1rem;
		line-height: 1rem;
	}
	#bottom-stripe{
		top: 17rem;
	}
	.conf-tagline .itwebdisclaimer {
		margin-top: 1rem;
	}
	.conf-tagline .date-line {
		margin-top: 1rem!important;
	}

}


.itweb-logo-holder {
    bottom: 1rem;
    right: 0;
    position: absolute;
}

.itweb-logo-holder .image-object img {
    height: 1.875rem;
    width: auto;
    position: relative;
    float: right!important;
    margin-right: 1rem;
}

@media only screen and (max-width: 450px) {
	#bottom-stripe{
		top: 18.5rem;
	}
	.itweb-logo-holder {
		bottom:0.5rem;
	}
}


/* start of scroll resize */

.resize-header, .resize-header >.row{
	height:10rem;
}

.resize-header >.row {
	background-position:right 150%;
}

.resize-header .conf-logo {
    height: 7rem;
    width: auto;
    top: 0.2rem;
    left: 3rem;
}

.resize-header #bottom-stripe {
	top: 9.1rem;
}

.resize-header #tagline1 {
	top:-40rem;
}

.resize-header #tagline2 {
    top: 2.5rem;
}

#tagline2 .first-line {
	left: 17rem;
	font-size: 1.2rem;
	position: absolute;
}

#tagline2 .second-line {
	left: 17rem;
	top: 2rem;
	font-size: 1rem;
    margin-top: -0.5rem;
	position: absolute;
}

#tagline2 .button {
    position: absolute;
    left: 41rem;
    font-size: 1rem;
}

#tagline2 .date-line {
	position: absolute;
    left: 17rem;
    font-size: 0.8rem;
    top: 1.5rem;
}

#tagline2 .itwebdisclaimer {
    position: absolute;
    left: 17.1rem;
    top: 4.5rem;
}

@media only screen and (max-width: 1024px) {
	#header {
		position:relative!important;
	}
	#header .header-middle {
		width: 100%!important;
		top:0;
	}

	#header {
	margin-top: 10!important;
	}
	
	#header .header-bottom {
	margin-top: 0rem;
	}

	#bottom-logo-bg {
	min-height: 24rem!important;
	}
	
	.skin { display:none;}
	
	div#button-top{
	margin-top:0;}
}

@media only screen and (min-width: 1025px) {
	div#button-top{
	margin-top:-5.7rem}
 }

#page-content {
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

#page-content h3.sub-headline/*, #page-content .speakers h2 */{
	font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #FFF;
    font-size: 1.6rem;
    text-align: center;
    padding: 0.5rem 0rem;
    background-color: #0078ef;
    margin-top: 15px;
    margin-bottom: 10px;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/h3-bg.png"); */
    border: transparent;
    border-radius: 8px;
    background-position: center bottom;
    background-repeat: repeat-x;
}

#page-content h4.sub-headline {
	font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #89C71C;
    font-size: 1.3rem;
    text-align: left;
}


#page-content h2.sub-headline {
    font-family: 'Antenna-Regular',Arial,sans-serif;    color: #89C71C;
    font-size: 2.5rem;
    text-align: center;
    padding: 1rem 0rem;
}

.fake-c-card {
    width: 100% !important;
    margin: 0 0 2rem 0!important;

	-moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    /* z-index: 200; */

    float: right;
    padding: 0 2rem;

	height:100%;
}

.fake-c-card h2 {
	font-size:1.8rem!important;
	padding:1rem 0!important;
}

.fake-c-card ul {
	margin-left:2rem;
	font-family: 'Antenna-Regular',Arial,sans-serif;
}

#countdown {
	padding:2rem 0;
}

#countdown .tme-box {
	/*float: left;*/
    width: 80%;
    margin: 0 auto;
}

#countdown .tme-box .tme-box-inner {
	overflow: hidden;
    margin: .5rem;
    padding: 1.5rem 1rem;
    background-color: #89C71C;
    border-radius: .7rem;
    text-align: center;
}

#countdown .tme-box .tme-box-inner .tme-val {
	color: #fff;
    font-size: 4rem;
    line-height: 3.5rem;
}

#countdown .tme-box .tme-box-inner .tme-title {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
}

.grad-footer {
	width: 100%;
}

.track-0-grad-semitrans, .track-0 .pic-caption, .track-0 .ca-world-btn a {
    background: #89C71C;
}


.grad-footer img {
    width: 6rem;
    height: 1.75rem;
    margin-left: 1rem;
    margin-top: 0.5rem;

	float:right;
    margin-bottom: 0.5rem !important;
}

#scroll-top:hover {
	opacity: 1;
}

#scroll-top {
	position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 10000;
    opacity: .4;
    text-decoration: none;
    -webkit-transition-property: opacity,bottom;
    transition-property: opacity,bottom;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    display: none;
}

#scroll-top i {
	font-size: 3.2rem;
}

#scroll-top.dissapear {
    bottom: -6rem;
}

.fa {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.about .fake-c-card-split {
	height: 36rem;
}

.about .fake-c-card img {
	margin:1rem;
}

.about .fake-c-card {
	padding:1rem 2rem;
}

#page-content a:not(.read-more):not(.read-bio) {
	color: #89C71C!important;
	font-family: 'Antenna-Regular',Arial,sans-serif;
}
#page-content a:hover:not(.read-more):not(.read-bio){
	color: #89C71C!important;

}

#page-content h2.article-headline, #page-content h2 {
    font-family: 'Antenna-Regular',Arial,sans-serif;
   color: #89C71C!important;
    font-size: 2.6rem;
    text-align: center;
    padding: 1rem 0rem;
	text-transform:uppercase;
}
#page-content .home h2.article-headline, #page-content .home h2 { color:#fff!important;}
#page-content .speakers h2 { display:none;}

#page-content h3.article-headline {
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #89C71C;
    font-size: 1.6rem;
    text-align: left;
}

.speaker h3.article-headline,
.keyspeaker h3.article-headline {
	font-family: 'Antenna-Regular',Arial,sans-serif!important;
	color:#000000!important;
}

iframe.map {
	width: 100%;
    height: 18rem;
}


/* c-cards */

.c-card {
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  color: #777777;
  padding: 1rem;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.c-card .c-card-title {
	/*font-size: 1rem;*/
	/*line-height: 1.8rem;*/
}
.c-card .c-card-title:before, .c-card .c-card-title:after {content: " ";display: table;}
.c-card .c-card-title:after {clear: both;}
.c-card .c-card-title i {float: left;}
.c-card .c-card-title span {
	/*float: left;*/
}
.c-card .c-card-title strong {
	margin-left: 0.9375rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  white-space: wrap;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 2;
}
.c-card .c-card-title strong span {
	display: block;
}
.min-max {
	/*float: right !important;*/
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'FontAwesome';
	padding-left: .4rem;
	padding-right: .4rem;
	font-size: 1rem;
	line-height: 2;
	margin-top: .4rem;
}
.c-card .c-card-body {
	padding: 0 1rem 1rem 1rem;
	display: none;
	position: relative;
}
.c-card * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.c-card.active {
  -moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  z-index: 200;
  margin: 1rem -1rem;
}
.c-card.active:hover .min-max:after {
  content: "\f066";
  color: #f00;
}
.c-card:hover .min-max:after {
  content: "\f065";
  color: #f00;
}

.speaker-name-active {
	/*
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	font-size: 1.6rem;
	margin-top: -1.2rem;
	*/
	/*width: 100%;*/
	/*height: 30px;*/
	/*padding-bottom: 0.5rem;*/
	/*margin-left: -1.5rem !important;*/
}
.second-title {
  font-size: 1.2rem !important;
  margin-top: -1rem;
  	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	  /*color: #0f172e !important;*/
	  /* font-weight: bold; */
	  /*color: #fff !important;*/
	  /*padding: 4px 10px !important;*/
	  /*background-color: #0d909a;*/
	  /*border-bottom:3px solid #0d909a;*/
}
.speaker-name {
  	color: rgb(93, 164, 35);
    /* font-weight: bold; */
    font-family: 'Antenna-Regular',Arial,sans-serif;
    text-decoration: none;
}
.read-bio {
	width: 100%;
	margin-bottom: 0;
	color: #fff !important;
	font-family: 'Antenna-Regular',Arial,sans-serif;
}
.read-more {
	/*width: 100%;*/
	font-size: 1.1rem;
	font-family: 'Antenna-Regular',Arial,sans-serif;
	/* font-weight: bold; */
	color: #fff !important;
}

/* footer disclaimer */
.footer-disclaimer {
	font-size: 0.9rem;
    margin-top: 1rem;
    text-align: justify;
    padding: 0.3rem;
    /* border-top: 1px solid #ccc; */
}

.custom-twitter-icon {
	margin: 2rem 0 0 0;
    width: 100%;
    background-color: #85BF1C;
    padding: .7rem .3rem .3rem;
    border-radius: .7rem;
}
.custom-twitter-icon i:before {
	color: #fff;
}
p.follow-us-paragraph {
	font-size: 0.9rem;
    width: 100%;
    padding: .5rem;
    text-align: right;
	line-height: 1.2;
}

p.paragraph-emphasize {
	text-decoration:underline;
	text-align:left;
	font-style:italic;
}
p.free-event{
	padding-left: 0.5rem;
}

#ajaxLoaderCSS3{
	position:relative;
	width:62px;
	height:77px
}
.ajaxLoderCSS3Block{
	position:absolute;
	background-color:#FFFFFF;
	width:10px;
	height:24px;
	-moz-border-radius:8px 8px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:ajaxLoderCSS3Fade;
	-moz-animation-duration:1.04s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-webkit-border-radius:8px 8px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:ajaxLoderCSS3Fade;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-o-border-radius:8px 8px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:ajaxLoderCSS3Fade;
	-o-animation-duration:1.04s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
	-ms-border-radius:8px 8px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:ajaxLoderCSS3Fade;
	-ms-animation-duration:1.04s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	border-radius:8px 8px 0 0;
	transform:scale(0.4);
	animation-name:ajaxLoderCSS3Fade;
	animation-duration:1.04s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}
#ajaxLoderCSS3Rotate_01{
	left:0;
	top:28px;
	-moz-animation-delay:0.39s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.39s;
	-webkit-transform:rotate(-90deg);
	-o-animation-delay:0.39s;
	-o-transform:rotate(-90deg);
	-ms-animation-delay:0.39s;
	-ms-transform:rotate(-90deg);
	animation-delay:0.39s;
	transform:rotate(-90deg);
}
#ajaxLoderCSS3Rotate_02{
	left:8px;
	top:10px;
	-moz-animation-delay:0.52s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.52s;
	-webkit-transform:rotate(-45deg);
	-o-animation-delay:0.52s;
	-o-transform:rotate(-45deg);
	-ms-animation-delay:0.52s;
	-ms-transform:rotate(-45deg);
	animation-delay:0.52s;
	transform:rotate(-45deg);
}
#ajaxLoderCSS3Rotate_03{
	left:26px;
	top:3px;
	-moz-animation-delay:0.65s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.65s;
	-webkit-transform:rotate(0deg);
	-o-animation-delay:0.65s;
	-o-transform:rotate(0deg);
	-ms-animation-delay:0.65s;
	-ms-transform:rotate(0deg);
	animation-delay:0.65s;
	transform:rotate(0deg);
}
#ajaxLoderCSS3Rotate_04{
	right:8px;
	top:10px;
	-moz-animation-delay:0.78s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.78s;
	-webkit-transform:rotate(45deg);
	-o-animation-delay:0.78s;
	-o-transform:rotate(45deg);
	-ms-animation-delay:0.78s;
	-ms-transform:rotate(45deg);
	animation-delay:0.78s;
	transform:rotate(45deg);
}
#ajaxLoderCSS3Rotate_05{
	right:0;
	top:28px;
	-moz-animation-delay:0.9099999999999999s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.9099999999999999s;
	-webkit-transform:rotate(90deg);
	-o-animation-delay:0.9099999999999999s;
	-o-transform:rotate(90deg);
	-ms-animation-delay:0.9099999999999999s;
	-ms-transform:rotate(90deg);
	animation-delay:0.9099999999999999s;
	transform:rotate(90deg);
}
#ajaxLoderCSS3Rotate_06{
	right:8px;
	bottom:7px;
	-moz-animation-delay:1.04s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:1.04s;
	-webkit-transform:rotate(135deg);
	-o-animation-delay:1.04s;
	-o-transform:rotate(135deg);
	-ms-animation-delay:1.04s;
	-ms-transform:rotate(135deg);
	animation-delay:1.04s;
	transform:rotate(135deg);
}
#ajaxLoderCSS3Rotate_07{
	bottom:0;
	left:26px;
	-moz-animation-delay:1.1700000000000002s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.1700000000000002s;
	-webkit-transform:rotate(180deg);
	-o-animation-delay:1.1700000000000002s;
	-o-transform:rotate(180deg);
	-ms-animation-delay:1.1700000000000002s;
	-ms-transform:rotate(180deg);
	animation-delay:1.1700000000000002s;
	transform:rotate(180deg);
}
#ajaxLoderCSS3Rotate_08{
	left:8px;
	bottom:7px;
	-moz-animation-delay:1.3s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.3s;
	-webkit-transform:rotate(-135deg);
	-o-animation-delay:1.3s;
	-o-transform:rotate(-135deg);
	-ms-animation-delay:1.3s;
	-ms-transform:rotate(-135deg);
	animation-delay:1.3s;
	transform:rotate(-135deg);
}
@-moz-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-webkit-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-o-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-ms-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}


.top-bar-section .has-dropdown>a {
	padding-right: 0.5rem!important;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
	background: #E6E6E6;
    color: #575757;
}

.top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown, .top-bar-section .has-dropdown>a:focus+.dropdown {
	width:100%;
}

.home .second-title .quad-colored, .inthenews .second-title .quad-colored {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1 !important;
    letter-spacing: 0;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #89C71C;
}

.speakers .second-title .quad-colored {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.0rem;
    line-height: 1 !important;
    letter-spacing: 0;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #89C71C;
}

.speakers .speaker-name, .inthenews .speaker-name {
	color: rgb(0, 0, 0);
	font-family: 'Antenna-Regular',Arial,sans-serif;
}

.speakers .c-card .c-card-title .speaker-title, .inthenews .c-card .c-card-title .speaker-title {
    font-family: 'Antenna-Regular',Arial,sans-serif;
	color: #89C71C;
}

.speakers .c-card .button .read-bio, .inthenews .c-card .button .read-more {
	color:#231F20!important;
	display:block;
	width:100%;
	height:100%;

}

.speakers .c-card .button .read-bio:hover, .inthenews .c-card .button .read-more:hover {
	color:#fff!important;
}

.news p.pic-caption {
	padding: 0.5rem;
    line-height: 1.2;
    color: #fff;
}

.sidebar-headline {
    font-family: 'Antenna-Regular',Arial,sans-serif;
	color: #89C71C;
	font-size:1rem;
}

.article-byline {
	border-bottom: 1px solid #ddd;
    padding: 0.3rem 0;
    margin: 0.9rem auto;
    width: 98%;
    letter-spacing: 0.3rem;
    text-align: center;
}

.img_right_text {
	margin-left:0.5rem;
}

.top-bar-section .has-dropdown>a:after {
	display:none;
}

.hide-for-medium-up {
	display:none!important;
}

.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
	color:#807E83;
}


/* agenda */

.agenda-break {
	background-color: #eee;
}

.agenda-social-icon {
	float: right;
	margin-top: 6rem;
	margin-right: -3.8rem;
	margin-left: 2rem;
}
.agenda-social-icon:before {
	color: #35738b;
	font-size: 2rem;
}

.agenda-time {
	display: block;
	width: 100%;
	/*font-size: 1.3rem;*/
	font-size: 1.125rem;
	text-align: center;
}
.agenda-activity {
	margin-top:0;
	font-weight:bold;
}

.agenda-activity .agenda-keynote {
	background:#89C71C;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0.1rem 0.5rem;
}

.agenda-activity .agenda-panel {
	background:#000;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
    padding: 0.1rem 0.5rem;
}


.agenda-table > .row {
	margin: 1rem;
	padding: 1.3rem 0 1.3rem 0;
	border-bottom: 1px solid #e8e8e8;
}

.agenda-speaker-link {
	font-weight:600;
}

.agenda-paragraph > .agenda-speaker-link img {
	float:right !important;
	width: 8rem !important;
	height: auto !important;
	border:0.4rem solid #e8e8e8;
	
	margin-left: 1rem !important;
}

.thumbz {
	border-radius:50%;
	border:5px solid #EEE;
}

.active .thumbz {
	border:none;
}


.home .fake-c-card {
	margin-left:1rem!important;
	padding-top: 1rem;
	font-family: 'Antenna-Regular',Arial,sans-serif;
}
.home .fake-c-card#calendarbox { padding-top:2rem;}
.home .fake-c-card img {
	margin-left:1rem;
}

.img_left_text {
	margin-right:1rem;
}

.img_right_text {
	margin-left:1rem;
}

.home-gallery-image {
    max-width: 100%;
    height: auto;
    max-height: 10rem;
    display: block;
    border-radius: 0.7rem;
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
    border-bottom-right-radius: 0.7rem;
    border-bottom-left-radius: 0.7rem;
    margin: 0 auto;
	margin-bottom:0.5rem;
}

.demo-gallery {
	padding-top: 1rem;
}
.demo-gallery a {
	/*width: 100%;*/
	display: block;
	float: left;
	opacity: 0.8;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	height: 8.75rem;
}
.demo-gallery a:hover {
	opacity: 1;
}
.demo-gallery a > img {
	/*min-width: 80%;*/
	max-width: 100%;
	height: auto;
	max-height: 5rem;
	display: block;
	/*margin: 0 auto;*/
	border-radius: 0.7rem;
	/*width: 70%;*/
	margin: 0 auto;
}
.demo-gallery a > figure {
	margin: 0;
	width:100%;
	text-align: center;
	padding: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media only screen and (max-width: 1024px) {
	.skin { max-width:100%; padding:1rem; padding-top:5rem;}
	.skin img { padding-bottom:15px;}
	.agenda-time { text-align:left;}}
@media only screen and (min-width: 82.5em) {
	.skin-box {
		
	}
	.skin {
		display: block;
		width: 82.5rem;
		margin: 0 auto;
		background: transparent;
		
		height: 37.5rem;
		margin-bottom: -37.5rem;
	}
	.banner-box {
		float: left;
		width: 10rem;
		height: 37.5rem;
		
		border-right: 1px solid #e6e6e6;
		
	}

	.sponsor-writeup-box {
		float: right;
		width: 10rem;
		
		padding: 0 .5rem 0;
		border-left: 1px solid #e6e6e6;
		

	}
	.sponsor-writeup-box h3 {
		width: 100%;
		color: #9c9a9c;
		
		text-align: center;
		font-size: 1.0875rem;
		
		letter-spacing: .06rem;
		margin: .5rem 0;
	}
	.sponsor-writeup-box img {
		display: block;
		margin: 1rem auto;
	}
	.sponsor-writeup-box p, .sponsor-writeup-box p > a {
		font-size: 0.8rem;
		line-height: 1.25;
	}
}


#riverberd-contact img{
padding:1.2rem;
width:30%;
}

#riverberd-contact a{
    position: absolute;
    top: 1.5rem;
    text-decoration: none;
    font-size: 1.2rem;
}

.inthenews  h2{
    font-family: 'Antenna-Regular',Arial,sans-serif;
    color: #FFF;
    font-size: 1.6rem!important;
    text-align: center;
    padding: 0;
	border-radius: 10px;
   /*  padding-bottom: 24px!important; */
    background-color: #89C71C;
    /* margin-top: 15px;
    margin-bottom: 10px; */
    /*background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/h3-bg.png");*/
    /* background-position: center bottom;
    background-repeat: repeat-x; */
}
#page-content h2.article-headline, #page-content h2 {
	color:#fff;

}
#page-content .inthenews .button a {
    display: block;
    margin: 0.3rem 0.5rem;
	margin-left:0;
	color:#FFFFFF !important;
	/*width:250px;
	background:#89C71C;*/
	font-size: 1.1rem;
    /*border-radius: 5px;*/
    padding: 0.5rem 1rem;

}
.inthenews .button{
margin-left:0;
padding-left:0;

}
#page-content .button h4{
	background: #81B91C;
    /* width: 29rem; */
    font-size: 1rem;
    padding: 0.5rem;
    /* margin-left: 2rem; */
    /* margin-right: 2rem; */
    /* width: 237px; */
    border: transparent;
    border-radius: 5px;
    width: 276px;
    /* background-image: url(https://v2.itweb.co.za/event/ubusha/public-sector-forum-2016/images/ubusha-button-med.png); */
    color: white;
    /* background-repeat: round; */
    line-height: 3rem;
    background: linear-gradient;
    background: #85C01C;
    background: -webkit-linear-gradient(#85C01C, 3D4B1F);
    background: -o-linear-gradient(#85C01C, 3D4B1F);
    background: -moz-linear-gradient(#85C01C, 3D4B1F);
    background: linear-gradient(#85C01C, #3D4B1F)!important;
    border: 1px solid #898989;
    border-radius: 10px;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    margin: 0 auto;
}
.fake-c-card.fake-c-card-split p{
	font-family: 'Antenna-Regular',Arial,sans-serif;
    background-color: white;
    padding: 0.5rem;
    font-size: 1.25rem;
    text-align: justify;
}
p{
	  font-family: 'Antenna-Regular',Arial,sans-serif;
}
.podv{
	border-bottom: 2px solid #89C71C;
	font-size: 1.4rem;
}
.ubusha{
    color: #89C71C;
    font-weight: 800;
}
.specif{
	color: #89C71C;
    font-size: 1rem;
    text-align: center;
    width: 801px;
    margin: 0 71px;
}
.green{
	color:#89C71C;
}

@media only screen and (max-width: 380px) {
	.home .fake-c-card#calendarbox {
    padding-top: 7rem;
	}
	#page-content .button span {
    font-size: 0.8rem;
    height: 53px;
    margin-top: -1.5rem;
	}
	.top-bar .toggle-topbar.menu-icon {
    margin-top: -29px;
    /*top: 50%;*/
	}
	.podv {
    border-bottom: 2px solid #89C71C;
    font-size: 1rem;
	}
	p {
    font-size: 0.8rem;
  	}
	.top-bar .button {
    margin-left: 1.5rem;
    margin-top: -1rem;
    background-color: transparent;
    color: #fff;
    background-position: 0.3rem;
    background-repeat: no-repeat;
    line-height: 0.7rem;
    margin-top: 0rem;
    margin-right: 0rem;
    height: -4rem;
    font-size: 0.7rem;
    margin-left: 0.5rem;
    padding: 0.6rem;
	}
	#page-content h3.sub-headline {
    margin-top: 21px;
	}
}

@media only screen and (max-width: 450px) {
	#page-content .button span {
    display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    display: block;
    font-family: 'Antenna-Regular',Arial,sans-serif;
    /* background-color: #89C71C; */
    font-size: 0.9rem;
    color: #fff;
    padding: 0.65rem 1.2rem;
    /* border: 1px solid #575757; */
    margin-top: 1rem;
    /* border-radius: 8px; */
    width: 29rem!important;
    margin-right: auto!important;
    margin-left: auto!important;
    /* background-image: url("https://v2.itweb.co.za/event/riverbed/force-for-business-2016/images/button-bg.png"); */
    /* background-position: center left; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    border: transparent;
    border-radius: 19px;
    /* background-image: url(https://v2.itweb.co.za/event/ubusha/public-sector-forum-2016/images/ubusha-button-large.png); */
    width: 424px!important;
    background-repeat: no-repeat;
    height: 55px;
    background: linear-gradient;
    background: #85C01C;
    background: -webkit-linear-gradient(#85C01C, 3D4B1F);
    background: -o-linear-gradient(#85C01C, 3D4B1F);
    background: -moz-linear-gradient(#85C01C, 3D4B1F);
    background: linear-gradient(#85C01C, #3D4B1F)!important;
    border: 1px solid #898989;
    border-radius: 10px;
	}
	#page-content .button span {
	width: 13rem!important;
	}
	.top-bar .button {
	    margin-top: 0rem;
	}
	.home .fake-c-card#calendarbox {
    padding-top: 3rem;
	}
	#page-content {
   /*  margin-top: 4rem; */
	}
	#page-content h3.sub-headline {
    margin-top: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.top-bar .toggle-topbar.menu-icon {
    margin-top: -31px;
    top: 50%;
	 margin-right: -1rem;
	}
	.regpro_outline {
     margin-top: 4rem;
	}
	#page-content {
   /*  margin-top: 4rem; */
	}
	 #page-content .button span {
    width: 11rem!important;
	font-size: 0.8rem!important;
	margin-top: 0;
	}
	#page-content .button h4 {
    font-size: 0.8rem;
    padding: 0rem;
    width: 247px;
	}
	#page-content .home .button {
    margin-left: -1rem;
	}
	.header-logo{
	width:110px;}
	#second-logo {
	max-height: 26px;
	margin-left: 9rem;}
	
}

@media only screen and (max-width: 780px) {
	.top-bar .toggle-topbar.menu-icon {
    margin-top: -30px;
    margin-right: 1rem;
    top: 50%;
	}
	.top-bar .button {
    margin-top: 0rem;
	}
	#page-content .button h4 {
    margin: 0 auto;
	}
	#page-content {
    /* margin-top: 4rem; */
	}
}

@media only screen and (max-width: 790px) {
	.top-bar .toggle-topbar.menu-icon {
    margin-top: -30px;
    margin-right: -1rem;
    top: 50%;
	}
	.top-bar .button {
    margin-top: 0rem;
	}
	#page-content .button h4 {
    /*margin: 1rem;*/
	}
	div#button-top{
	margin-top:0;}
	.top-bar ul.right{
	margin-right:0;}
	.header-middle{
	padding:1rem!important;}
	div#button-top{
	margin-top:0;}
}

#page-content a:hover:not(.read-more):not(.read-bio) {
    color: #0078ef!important;
}
/*
#countdown.row{
	width: 80%;
	height: 80%;
	margin: 0 auto;
}*/