/*
Theme Name: Creative Universe
Theme URL: https://www.creativeuniverse.com.au/
Description: Official WordPress theme for the Creative Universe website.
Author: Carlos Castillo
Author URI: http://www.carloscastillo.com.au
Version: 2.8

/*** RESET ALL ***/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #4D4D4D;
	background: #ffffff url(images/body_bg.jpg) no-repeat center center fixed;
	background-size: cover;
}
a {
	color: #00aced;
	text-decoration: none;
}
p,
iframe {
	padding-bottom: 14px;
}
ul,
ol {
	padding-left: 1.5em;
	padding-bottom: 14px;
}
strong {
	font-weight: 600;
}
em {
	font-style: italic;
}

.hover_fx, ul.the_events li, #footer_right ul li a, #header_brands li a {
	opacity: 1;
	transition: all 0.2s ease-in;
}
.hover_fx:hover, ul.the_events li:hover, #footer_right ul li a:hover, #header_brands li a:hover {
	opacity: 0.6;
}
.no_bottom_margin {
	margin-bottom: 0 !important;
}


/*** HEADER ***/
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 99;
}
#header_inner {
	width: 910px;
	height: 150px;
	position: relative;
	overflow: visible;
	z-index: 100;
	margin: 0 auto;
	background: #ffffff;
}
#header_inner h1 {
	position: absolute;
	top: 20px;
	left: 15px;
	display: block;
	width: 280px;
	height: 78px;
}
#header_inner h1 a {
	display: block;
	width: 280px;
	height: 78px;
	background: url(images/logo_creative_universe.png) no-repeat;
	text-indent: -9999px;
}
#header_brands {
	position: absolute;
	top: 34px;
	right: 20px;
	width: 466px;
	height: 40px;
	overflow: auto;
	list-style: none;
}
#header_brands li {
	width: auto;
	float: left;
}
#header_brands li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
}
a.header_brand_Ci {
	width: 98px;
	background: url(images/header_brand_Ci.png) no-repeat;
}
a.header_brand_CiTV {
	width: 56px;
	background: url(images/header_brand_CiTV.png) no-repeat;
}
a.header_brand_D5 {
	width: 46px;
	background: url(images/header_brand_D5.png) no-repeat;
}
a.header_brand_IM {
	width: 42px;
	background: url(images/header_brand_IM.png) no-repeat;
}
a.header_brand_CA {
	width: 43px;
	background: url(images/header_brand_CA.png) no-repeat;
}
a.header_brand_MTA {
	width: 63px;
	background: url(images/header_brand_MTA.png) no-repeat;
}
a.header_brand_TdJ {
	width: 72px;
	background: url(images/header_brand_TdJ.png) no-repeat;
}
a.header_brand_PP {
	width: 46px;
	background: url(images/header_brand_PP.png) no-repeat;
}

#header_inner h2 {
	position: absolute;
	top: 22px;
	right: 20px;
	background: url(images/image_slogan.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 273px;
	height: 65px;
}



.main_nav {
	padding-top: 119px;
	padding-left: 0;
}
.main_nav li {
	position: relative;
	float: left;
	list-style: none;
}
.main_nav li a {
	display: block;
	float: left;
	width: 120px;
	height: 24px;
	padding: 0 5px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 500;

	transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in; /* Opera */
}
a.but_nav_home {
	color: #89C33F;
	border-bottom: 7px #89C33F solid;
}
	a.but_nav_home:hover, li.nav_home a.active {
		background: #89C33F;
		color: #ffffff;
	}
a.but_nav_about {
	color: #F4901E;
	border-bottom: 7px #F4901E solid;
}
	a.but_nav_about:hover, li.nav_about a.active {
		background: #F4901E;
		color: #ffffff;
	}
a.but_nav_brands {
	color: #3FA6F2;
	border-bottom: 7px #3FA6F2 solid;
}
	a.but_nav_brands:hover, li.nav_brands a.active {
		background: #3FA6F2;
		color: #ffffff;
	}
a.but_nav_events {
	color: #EC5E5A;
	border-bottom: 7px #EC5E5A solid;
}
	a.but_nav_events:hover, li.nav_events a.active {
		background: #EC5E5A;
		color: #ffffff;
	}
a.but_nav_media {
	color: #008BA3;
	border-bottom: 7px #008BA3 solid;
}
	a.but_nav_media:hover, li.nav_media a.active {
		background: #008BA3;
		color: #ffffff;
	}
a.but_nav_opportunities {
	color: #00C7A1;
	border-bottom: 7px #00C7A1 solid;
}
	a.but_nav_opportunities:hover, li.nav_opportunities a.active {
		background: #00C7A1;
		color: #ffffff;
	}
a.but_nav_contact {
	color: #949494;
	border-bottom: 7px #949494 solid;
}
	a.but_nav_contact:hover, li.nav_contact a.active {
		background: #949494;
		color: #ffffff;
	}
.sub_nav_about li a:hover, li.menuhover a.but_nav_about, .main_nav li.current_page_item a.but_nav_about {
	background: #F4901E;
	color: #ffffff;
}
.sub_nav_brands li a:hover, li.menuhover a.but_nav_brands, .main_nav li.current_page_item a.but_nav_brands {
	background: #3FA6F2;
	color: #ffffff;
}
.sub_nav_media li a:hover, li.menuhover a.but_nav_media, .main_nav li.current_page_item a.but_nav_media {
	background: #008BA3;
	color: #ffffff;
}
ul#main_nav ul {
	display: none;
	padding: 0;
}
.main_nav ul {
	display: none;
	position: absolute;
	top: 31px;
	left: 0;
	list-style: none;
	background: #E0E0E0;
}
.main_nav ul li {
	width: auto;
	float: none;
	border-bottom: 1px solid #edf1f1;
	border-left: 1px solid #edf1f1;
	border-right: 1px solid #edf1f1;
}
.main_nav ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
	float: none;
	display: block;
	width: 186px;
	background: none;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 24px;
}
/*
.main_nav ul li:last-child {
	border-bottom: 0 none;
}
.main_nav ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
}
.main_nav li a:hover, li.menuhover a, .main_nav li.current_page_item a {
	background: #ff3d3d;
	color: #ffffff;
}
.main_nav a.current {
	background: #ff3d3d;
	color: #ffffff;
}
*/
/*** end HEADER ***/



/*** SITE SECTIONS ***/
#page_wrapper {
	margin: 0 auto;
	width: 910px;
}
.col_title {
	float: left;
	width: 130px;
}
.col_title h2 {
	display: block;
	width: 110px;
	height: 120px;
	padding: 10px 10px 0 10px;
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
}
.col_content {
	float: right;
	width: 780px;
}
.content_with_bg {
	width: 710px;
	padding: 25px 35px;
	background: url(images/col_content_bg.png);
}
#home {
	padding-top: 190px;
}
#brands {
	padding-top: 190px;
	margin-top: -120px; /* 50px more to compensate for the spacing of the first panel */
	overflow: auto;
}
#about {
	padding-top: 190px;
	margin-top: -120px; /* 50px more to compensate for the spacing of the first panel */
	overflow: auto;
}
#events {
	padding-top: 190px;
	margin-top: -70px;
	overflow: auto;
}
#media {
	padding-top: 190px;
	margin-top: -120px; /* 50px more to compensate for the spacing of the first panel */
	overflow: auto;
}
#opportunities {
	padding-top: 190px;
	margin-top: -70px;
	overflow: auto;
}
#contact {
	padding-top: 190px;
	margin-top: -70px;
	overflow: auto;
}
/*** end SITE SECTIONS ***/



/*** HOME ***/
#slides_home {
	width: 860px;
	height: 601px;
	margin: 0 auto;
	overflow: hidden;
}
#slides_home .slides_container {
	background: #ffffff;
	height: 573px;
}
#slides_home .slides_pagination {
	margin-top: 12px;
	float: right;
}
#slides_home .slides_pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}
#slides_home .slides_pagination li a {
	display: block;
	width: 14px;
	height: 0;
	padding-top: 14px;
	background-image: url(images/but_slides_pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
#slides_home .slides_pagination li a:hover, #slides_home .slides_pagination li.current a {
	background-position: 0 -15px;
}
/*** end HOME ***/



/*** ABOUT ***/
.about_title {
	background: #F4901E;
}
.about_content {
	width: 440px;
}
.about_content h3,
.opportunities_content h3,
.contact_details h3,
h3.form_title {
	font-size: 32px;
	line-height: 34px;
	font-weight: 300;
	color: #000000;
	padding-bottom: 20px;
}
.copy_green {
	color: #89C33F;
	font-weight: 600;
}
.copy_orange {
	color: #F4901E;
	font-weight: 600;
}
.about_hero_image {
	padding-top: 60px;
	padding-bottom: 20px;
}
#about_thinking {
	clear: both;
}
#about_us, #about_thinking { /* Little hack to adjust the position of the smooth scrolling windows */
	height: 190px;
	margin-top: -150px;
}
#col_content_thinking01 {
	width: 280px;
	float: left;
	margin: 14px 35px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	font-size: 15px;
}
span.de_bono {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 11px;
}
#col_content_thinking02 {
	width: 320px;
	float: left;
	margin-top: 14px;
}
/*** end ABOUT ***/



/*** BRANDS ***/
.brands_title {
	background: #3FA6F2;
}
a.brands_big_button {
	display: block;
	width: 780px;
	background: url(images/col_content_bg.png);
	color: #4D4D4D;
	overflow: auto;
}
.brands_big_button_logo {
	float: left;
	width: 260px;
}
.brands_big_button_logo h3 {
	display: block;
	width: 260px;
	height: 170px;
	text-indent: -9999px;
}
.brands_big_button h4 {
	color: #3FA6F2;
	font-weight: 300;
	font-size: 28px;
	padding-bottom: 4px;
}
.but_brand_ci {
	background: url(images/but_brand_ci.png) no-repeat;
}
.but_brand_citv {
	background: url(images/but_brand_citv.png) no-repeat;
}
.but_brand_d5 {
	background: url(images/but_brand_d5.png) no-repeat;
}
.but_brand_im {
	background: url(images/but_brand_im.png) no-repeat;
}
.but_brand_ca {
	background: url(images/but_brand_ca.png) no-repeat;
}
.but_brand_sfg {
	background: url(images/but_brand_sfg.png) no-repeat;
}
.but_brand_wov {
	background: url(images/but_brand_wov.png) no-repeat;
}
.but_brand_mta {
	background: url(images/but_brand_mta.png) no-repeat;
}
.but_brand_tdj {
	background: url(images/but_brand_tdj.png) no-repeat;
}
.but_brand_pp {
	background: url(images/but_brand_pp.png) no-repeat;
}
.brands_big_button_text {
	position: relative;
	float: right;
	width: 390px;
	padding: 25px 100px 25px 0;
}
.brand_view_website {
	position: absolute;
	bottom: 8px;
	right: 12px;
	font-size: 11px;
	color: #00aced;
}
.brand_view_website:hover {
	text-decoration: underline;
}
#brands_ci,
#brands_citv,
#brands_d5,
#brands_im,
#brands_ca,
#brands_sfg,
#brands_wov,
#brands_mta,
#brands_tdj,
#brands_pp { /* Little hack to adjust the position of the smooth scrolling windows */
	height: 190px;
	margin-top: -150px;
}
.ci_banners {
	overflow: auto;
	text-align: center;
}
.ci_banners a {
	display: inline-block;
	padding: 10px;
	margin: 20px 5px 0;
	background: #f7f9f8;
	border: 1px solid #cacac8;
}
.ci_banners img {
	width: auto;
	height: 100px;
}


#banner_eventex {
	width: 680px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#banner_eventex a img {
	display: block;
	border: #cacac8 1px solid;
}


/*** end BRANDS ***/



/*** EVENTS ***/
.events_title {
	background: #EC5E5A;
}
.content_grid {
	background: url(images/col_content_bg.png);
}
.events_subheader {
	float: left;
	width: 200px;
	border-top: 7px solid #EC5E5A;
	padding: 20px 0 0 30px;
	color: #EC5E5A;
	font-weight: 300;
	font-size: 28px;
}
ul.the_events {
	width: 526px;
	float: right;
	list-style: none;
	overflow: auto;
}
ul.the_events li {
	display: block;
	float: left;
	width: 257px;
	height: 257px;
	background: #EC5E5A;
	margin: 0 0 6px 6px;
}
ul.the_events li:last-child, ul.the_events li:nth-last-child(2) {
	margin-bottom: 0;
}
ul.the_events li a {
	display: block;
	position: relative;
	width: 217px;
	height: 217px;
	padding: 20px;
	color: #ffffff;
	text-decoration: none;
	z-index: 10;
	font-weight: 300;
	font-size: 24px;
	line-height: 25px;
}
.event_description {
	margin-top: -174px;
	padding: 0 20px;
	color: #ffffff;
	z-index: -100;
}
/*** end EVENTS ***/



/*** MEDIA ***/
.media_content {
	overflow: auto;
}
.media_title {
	background: #008BA3;
}
.media_subheader {
	float: left;
	width: 200px;
	border-top: 7px solid #008BA3;
	padding: 20px 0 0 30px;
	color: #008BA3;
	font-weight: 300;
	font-size: 28px;
}
#media_blogs, #media_galleries, #media_videos { /* Little hack to adjust the position of the smooth scrolling windows */
	height: 190px;
	margin-top: -150px;
}
.blog_panel {
	float: right;
	width: 390px;
	padding: 25px 100px 5px 30px;
	margin-bottom: 6px;
	background: #008BA3;
	color: #ffffff;
}
.blog_panel h5 {
	font-size: 24px;
	line-height: 25px;
	font-weight: 300;
	padding-bottom: 14px;
}
.blog_entry {
	padding-bottom: 20px;
}
.blog_date {
	display: block;
	font-size: 11px;
	color: #9abcc2;
}
.blog_panel h6, .blog_panel a {
	display: inline;
	font-size: 15px;
	line-height: 16px;
}
.blog_panel a {
	color: #7CE093;
}
.blog_panel a:hover {
	text-decoration: underline;
}
ul.media_links {
	width: 526px;
	float: right;
	list-style: none;
	overflow: auto;
}
ul.media_links li {
	display: block;
	float: left;
	width: 257px;
	height: 257px;
	margin: 0 0 6px 6px;
	background: #008BA3;
}
ul.media_links li a {
	position: relative;
	display: block;
	width: 257px;
	height: 257px;
	color: #ffffff;
	text-decoration: none;
	opacity: 1;
	transition: all 0.2s ease-in;
}
ul.media_links li a:hover {
	opacity: 0.4;
}
ul.media_links h5 {
	position: absolute;
	bottom: 20px;
	width: 217px;
	padding: 0 20px;
	font-weight: 300;
	font-size: 20px;
	line-height: 34px;
	background: #008BA3;
}
.but_ci_gallery {
	background: url(images/but_ci_gallery.jpg);
}
.but_tania_gallery {
	background: url(images/but_tania_gallery.jpg);
}
.but_ca_gallery {
	background: url(images/but_ca_gallery.jpg);
}
.but_pp_gallery {
	background: url(images/but_pp_gallery.jpg);
}
.but_ci_videos {
	background: url(images/but_ci_videos.jpg);
}
.but_tania_videos {
	background: url(images/but_tania_videos.jpg);
}
.but_ca_videos {
	background: url(images/but_ca_videos.jpg);
}
.but_pp_videos {
	background: url(images/but_pp_videos.jpg);
}
/*** end MEDIA ***/



/*** OPPORTUNITIES ***/
.opportunities_content {
	width: 600px;
}
.opportunities_title {
	background: #00C7A1;
}
.opportunities_content ul {
	margin-left: 2em;
	padding-bottom: 14px;
}
.opportunities_content a[href$=".pdf"]::after {
	 content: " (PDF file)";
}
.opportunities_content a[href$=".doc"]::after,
.opportunities_content a[href$=".docx"]::after {
	 content: " (Word file)";
}
/*** end OPPORTUNITIES ***/



/*** CONTACT ***/
.contact_title {
	background: #949494;
}
.contact_details {
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
	padding-bottom: 30px;
}
.contact_details a {
	font-weight: 400;
}
.contact_details a:hover {
	text-decoration: underline;
}
/*** end CONTACT ***/


/*** FORMS ***/
h3.form_title {
	padding: 20px 0 0 !important;
	font-size: 28px !important;
}
.col_content form {
	padding: 0 !important;
	margin: 0 !important;
	width: 520px !important;
}
.col_content input[type=text],
.col_content input[type=url],
.col_content input[type=tel],
.col_content input[type=email],
.col_content textarea {
	padding: 5px 8px !important;
	background: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
	color: inherit !important;
	font-family: inherit !important;
}
.col_content input[type=submit] {
	padding: 0 20px !important;
	background: #aaaaaa !important;
	border: 0 none !important;
	border-radius: 3px !important;
	color: #ffffff !important;
	font-size: 1.3em;
	line-height: 2em !important;
	letter-spacing: .05em;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: background ease-in .2s;
}
.col_content input[type=submit]:hover {
	background: #F4901E !important;
}
/* Gravity Forms tweaks */
	.col_content .gform_wrapper .gsection {
		padding: 14px 0 0 0 !important;
	}
	.gform_wrapper #extensions_message {
		display: none;
	}
	.gform_confirmation_wrapper {
		max-width: 520px !important;
		padding: 30px 0 !important;
	}
	.gform_anchor:before { /* Solves an issue with the confirmation message loading underneath the fixed header: http://micahjon.com/2015/named-anchors-and-fixed-headers/ */
	  content: "";
	  display: block;
	  width: 0;
	  height: 240px;
	  margin: -240px 0 0;
	}
/*** end FORMS ***/


/** FOOTER **/
#footer {
	width: 910px;
	margin: -10px auto 8px auto;
	padding-bottom: 16px;
	font-size: 10px;
	color: #949494;
	overflow: auto;
}
#footer a {
	color: #00aced;
}
#footer a:hover {
	text-decoration: underline;
}
#footer_left {
	float: left;
	margin-left: 130px;
	width: 450px;
	line-height: 68px;
}
#footer_right {
	float: right;
	width: 237px;
}
#footer_right ul {
	list-style: none;
	height: 68px;
	overflow: hidden;
	padding: 0;
}
#footer_right ul li {
	display: block;
	float: left;
	width: auto;
}
#footer_right ul li a {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	margin-left: 3px;
	margin-top: 16px;
}
.cu_social_youtube {
	background: url(images/cu_social_youtube.png) no-repeat;
}
.cu_social_vimeo {
	background: url(images/cu_social_vimeo.png) no-repeat;
}
.cu_social_twitter {
	background: url(images/cu_social_twitter.png) no-repeat;
}
.cu_social_facebook {
	background: url(images/cu_social_facebook.png) no-repeat;
}
.cu_social_linkedin {
	background: url(images/cu_social_linkedin.png) no-repeat;
}
.cu_social_googleplus {
	background: url(images/cu_social_googleplus.png) no-repeat;
}
.cu_social_pinterest {
	background: url(images/cu_social_pinterest.png) no-repeat;
}
.cu_subscribe {
	background: url(images/cu_subscribe.png) no-repeat;
	margin-top: 0 !important;
	width: 70px !important;
	height: 68px !important;
}
/** end FOOTER **/

/* CALL TO ACTION BUTTONS */
.CTA_buttons {
	overflow: auto;
	width: 860px;
	margin: 0 auto 30px;
}
.CTA_buttons a {
	display: block;
	width: 415px;
}
.CTA_buttons img {
	display: block;
	width: 415px;
	height: auto;
}
.CTA_buttons a.left {
	float: left;
}
.CTA_buttons a.right {
	float: right;
}

/* end CALL TO ACTION BUTTONS */