/*
Theme Name: SharedServices
Theme URI: http://www.sharedservices.com
Description: Shared Services css
Author: Gary Chan
Version: 1.0
*/
/* --------------------------------------- */
/* --------->>> Constants css <<<--------- */
/* --------------------------------------- */
/*
.bluebg {color: #324998 !important;}
.babybluebg {color: #26ace2 !important;}
.lightbluebg {color: #ddedfa !important}
.orangebg {color: #fcb040 !important;}
*/
/* -------------------------------------- */
/* ---------->>> General css <<<--------- */
/* -------------------------------------- */
body{margin:0px auto;font-family:Verdana, Geneva, sans-serif;font-size:100%;background:#ddedfa}
.container{background:#fff}
ul, li{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline;cursor:pointer}

h1,h2,h3,h4,h5,h6,p{font-family:Verdana, Geneva, sans-serif;margin-bottom:0}

.nothuman{display:none}
.text-center{text-align:left}
.bluebg{background-color:#324998;color:white}

.height20{height:20px}

.gc-animation{opacity: 0}
.gc-animation.animated{ opacity: 1}


/* ==========================================================================
   HEADER
   ========================================================================== */
header div{text-align:center}
header div #toplogo{display:inline;margin-top:10px}
header p{font-size:26px}
header .topinfo{margin-top:10px}
header a .topphone{background:#fcb040;padding:10px 20px;color:white}
header a:hover .topphone{color:white}
.padheader,.padheaderright{padding:10px 25px}
.ramp{display:none}
/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
h1{font-size:25px;color:#324998}
h2{font-size:25px}
h3{font-size:40px;margin:0;padding:0}
main p{font-size:20px}

.padwords{padding:25px 25px}
.padstripe{padding:25px 25px}
.padimage{padding:0 0 25px}
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer p{float:none;font-size:12px;color:#666;padding:20px}

@media (min-width: 768px) {
	.text-center{text-align:center}
	.container,article{padding:0}
	main{padding:0 25px}
	/* ==========================================================================
	   HEADER
	   ========================================================================== */
	.padheader{padding:12px 0 0 25px}
	.padheaderright{padding:10px 0 0 10px}
	header .topinfo{float:right;padding:15px 25px 35px;margin-top:0 !important}
	header div{text-align:left}
	header div #toplogo{display:block;margin-top:0}
	header p {margin:0;padding:0;font-size:24px}
	header p a{color:black}
	header p a:hover{color:black}
	/* ==========================================================================
	   MAIN CONTENT
	   ========================================================================== */
	h1{font-size:40px;}
	h2{font-size:30px}
	h3{font-size:47px}
	main p{font-size:25px}
	
	.padwords{padding:40px 50px}
	.padstripe{padding:25px 50px}
	.padimage{height:403px;overflow:hidden}
	.abspos{position:absolute;width:100%;margin-bottom:-403px}
	/* ==========================================================================
	   FOOTER
	   ========================================================================== */
	footer p{float:right}
}

@media (min-width: 992px) {
	/* ==========================================================================
	   HEADER
	   ========================================================================== */
	header .topinfo{padding:40px 35px 10px 16px;background-color:#26ace2;min-height:125px;}
	header{color:white;border-bottom:25px solid #26ace2}
	header p {font-size:20px}
	header p a{color:white}
	header p a:hover{color:white}
	header .topinfo strong{display:block;font-size:125%}
	.ramp {
		display:block;
		float:right;
		width: 0;
		height: 0;
		border-bottom: 125px solid #26ace2;
		border-left: 125px solid transparent;
	}
	/* ==========================================================================
	   MAIN CONTENT
	   ========================================================================== */
	h1{font-size:40px;}
	h2{font-size:28px}
	h3{font-size:44px}
	main p{font-size:20px}
	.padwords{padding:40px 80px}
	.padstripe{padding:25px 50px}
	.padimage{padding:0px 0 25px;height:516px}
	
	main span{display:block}
}

@media (min-width: 1200px) {
	/* ==========================================================================
	   MAIN CONTENT
	   ========================================================================== */
	h1{font-size:40px;}
	h2{font-size:30px}
	h3{font-size:47px}
	main p{font-size:25px}
	.padimage{height:644px;}
}