/*
 Theme Name:   ATTEND-WP - GAconf Custom
 Description:  ATTEND-WP Wordpress child theme for GAconf
 Author:       Marijn - ActiveB1t
 Author URI:   https://www.abitofaccess.com
 Template:     attend-wp
 Version:      1.0.2
 License: GNU General Public License version 3.0
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags: translation-ready, theme-options, featured-images, post-formats

Copyright 2014 - Jonathan Atkinson - edited 2024 ActiveB1t
*/

/*------------------------------------------------------------------
[Table of contents]

 1. Google Font
 2. Reset
 3. Typography
 4. Header Styles
 5. Main Styles
 6. Cr3ativ Sponsor Styles
 7. Cr3ativ Conference Styles
 8. Pagination Styles
 9. Comments, Form & Input Styling
10. Footer Styles
11. WordPress Defuault Styling
12. Cr3ativ Shortcode Theme Styling
13. WordPress Default Playlist Styles
14. Media Queries
-------------------------------------------------------------------*/

/* 1. Google Font */

@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100);

/* *, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
    }

.clearfix:after {
    clear: both;
    }



/* 2. Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

    }

p:empty {
    display: none;
    }

#sb-nav a {
    border-bottom: none !important;
    }

ins {
    background-color: #fff198;
    padding: 2px 3px;
    }

span.highlight {
    background-color: #fff198;
    padding: 0px;
    }

pre {
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 1.6em;
    max-width: 96%;
    overflow: auto;
    padding: 3%;
    position: relative;
    }

pre:before {
    clear: both;
    content: "You can copy / paste the code below!";
    display: block;
    font-size: 12px;
    margin-bottom: 30px;
    color: #f00;
    }

.page_background {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
    }

.post {
    margin-bottom: 90px;
}

div.post:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    }

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
    }

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    }

img.alignleft {
    margin: 10px 20px 20px 0;
    float: left;
    }

.alignleft, .wp-caption .alignleft {
    margin: 20px 20px 20px 0;
    float: left;
    }

img.alignright {
    margin: 10px 0 20px 20px;
    float: right;
    }

.alignright, .wp-caption .alignright {
    margin: 20px 0 20px 20px;
    float: right;
    text-align: right;
    }

.wp-caption {
    text-align: center;
    font-style: italic;
    max-width: 100%;
    }

.wp-caption img, .wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

.wp-caption .wp-caption-text {
    font-size: 12px;
    font-style: normal;
    margin: 0 0 20px 0;
    padding: 10px;
    }

.gallery-caption {
    margin-left: 0;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    margin: 10px 0 !important;
    }

.gallery-icon img {
    border: 0px solid transparent !important;
    width: 100%;
    height: auto;
    }

.gallery-caption, .bypostauthor {
    margin: 0;
    padding: 0;
    }

.sticky .metapostformat {
    background-image: url("../attend-wp/img/sticky_icon.png");
    background-position: 50px 0;
    background-repeat: no-repeat;
    background-size: 40px auto;
    display: block;
    line-height: 25px;
    }

.gallery {
    margin: 0 auto 30px !important;
    }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    }

audio, canvas, video {
    display: block;
    *display: inline;
    *zoom: 1;
    }

audio:not([controls]) {
    display: none;
    }

a:hover, a:active, a:visited, a:focus, a:link {
/*     text-decoration: none; */
    }

.small { 
    font-size: 14px;
    font-style: italic;
    }

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    }

sup {
    top: -0.5em;
    }

sub {
    bottom: -0.25em;
    }

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    opacity: 1.0;
    height: auto;
    max-width: 100%;
    }

iframe {
    max-width: 100%;
    }

img.left {
    float: left;
    margin: 0 20px 20px 0;
    }

img.right {
    float: right;
    margin: 0 20px 20px 0;
    }

img, img:hover {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    backface-visibility:     hidden;
    }

.left_content img {
    max-width: 100%;
    }

button, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    -webkit-appearance: none;
    }

select {
    clear: left;
    float: left;
    font-size: 14px;
    margin: 20px 0;
    }

input[type="checkbox"] {
    margin: 0 10px 0 0;
    width: auto;
    -webkit-appearance: checkbox !important;
    padding: 0;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
    }

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    }

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    }

.clearbig {
	clear: both;
	display: block;
	font-size: 0;
	height: 40px;
	line-height: 0;
	width:100%;
	}

.clear {
    clear: both;
    }

b, strong {
    font-weight: 700;
    } 

.largetext {
    font-size: 18px;
/*    font-weight: 400; */
    line-height: 1.4em;
    margin-bottom: 30px;
    }

em {
    font-style: italic;
    }

cite {
    display: block;
    font-size: 14px;
    }

html {
    height: 100%;
    font-size: 18px;
    }

body {
    font-size: 100%;
    line-height: 1.6em;
    font-family: 'Lato', sans-serif;
    margin: 0;
    height: 100%;
    -webkit-text-size-adjust: none;
    font-weight: normal;
    background-color: white;
    }




/* 3. Start of Typogragphy */

a:hover {
    text-decoration: underline;
    }

p {
    margin-bottom: 20px;
/*    font-weight: 300; */
    }

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1em;
    }

h1 {
    font-size: 48px;
/*    font-weight: 300; */
    margin-bottom: 3%;
    line-height: 1em;
    }

h1.huge {
    font-size: 90px;
/*    font-weight: 300; */
    }

h1.site-title {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.2em;
    }

h1.title {
    clear: none;
    display: table-cell;
    font-size: 60px; /* fallback */
    font-size: 2.3rem;
/*    font-weight: 400; */
    line-height: 1.2em;
    margin-top: 0;
    vertical-align: middle;
    text-transform: capitalize;
    }

h1.blog_title {
    margin-bottom: 30px;
    line-height: 30px;
    }

.sticky .metadate:before {
    background-image: url("../attend-wp/img/sticky_icon.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 18px;
    width: 16px;
    }

body.single .main_image .main_content .alignleft {
    margin-top: 6px;
    }

h1.blog_title a {
    font-size: 36px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    text-transform: none;
    line-height: 1.2em;
/*    font-weight: 400; */
    }

h1.blog_title a:hover {
    text-decoration: none;
    }

h1.quote_title {
    font-size: 14px;
    font-style: italic;
    line-height: 2em;
    }

h2 {
    font-size: 30px;
    margin-bottom: 3%;
    }

h2.session {
    font-size: 24px; 
    }

h2.comments_number {
/*    font-weight: 300; */
    font-size: 30px;
    margin: 20px 0;
    }

h3#reply-title {
    font-size: 30px;
    margin-bottom: 20px;
    }

h3#reply-title a {
    font-size: 18px;
    display: block;
/*    font-weight: 400; */
    margin-top: 20px;
    }

#reply-title small a {
    font-size: 12px;
    text-transform: capitalize;
    line-height: 1em;
    }

h3.speakercompanyname, h3.speakercompanyname a {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    }

h3.speakercompanyname a:hover {
    text-decoration: none;
    }

h3 {
    font-size: 24px;
    margin-bottom: 3%;
/*    font-weight: 300; */
    }

.home_centered h3 {
    margin-bottom: 5%;
    }

h4 {
    font-size: 22px;
    margin-bottom: 3%;
    }

h5 {
    font-size: 18px;
    margin-bottom: 3%;
    }

h5.date {
    font-size: 14px;
    margin: 0 0 10px;
    font-style: italic;
    line-height: 1.2em;
    }

body.single-cr3ativspeaker h5.date {
/*    font-weight: 300; */
    }

.right_content h5 {
    margin-bottom: 20px;
    margin-top: 70px;
    }

.right_content h5:first-child {
    margin-top: 0px;
    }

h6 {
    font-size: 16px;
    margin-bottom: 1%;
    }

h6.session, h6.session a {
    font-size: 30px;
    margin: 20px 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    line-height: 1.3em;
/*	font-weight: 300; */
    }

body.single-cr3ativspeaker h6.session, body.single-cr3ativspeaker h6.session a {
    font-size: 23px;
    margin: 20px 0 10px 0;
}

h6.session a:hover {
    padding: 0 0 0 10px;
    text-decoration: none;
    }

.blog_meta_data h6 {
    font-size: 14px;
    text-transform: uppercase;
    }

h6.navigation a {
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    font-style: normal;
    font-size: 18px;
    line-height: 1.1em;
    font-weight: 500;
    }

h6.navigation a:hover {
    text-decoration: none;
    }

h6.navigation {
    font-size: 14px;
    margin-bottom: 10px;
    font-style: italic;
/*    font-weight: 300; */
    }

ul, ol {
    margin: 0 0 5% 14px;
    }

ul {
    list-style: disc outside none;
    }

ol {
    list-style: decimal outside none;
    }

ul ul, ol ol, ul ol, ol ul {
    margin: 0.6em 0 0 1.5em;
    }

.main_content li {
    margin-bottom: 2%;
/*    font-weight: 300; */
    }

table {
    border-collapse: separate;
    border-spacing: 0;
    }

caption, th, td {
/*    font-weight: 300; */
    text-align: left;
    }

table {
    margin-bottom: 5%;
    padding: 0;
    width: 100%;
    }

table thead th {
    font-weight: bold;
    }

table td,  table th {
    padding: 10px;
    }

#wp-calendar tfoot td {
    border-bottom: medium none;
    }

#footer_wrapper ul li, #footer_wrapper ol li { 
/*    font-weight: 300; */
    }

hr {
    border: medium none;
    clear: both;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 100%;
    min-width: 70px;
    }

hr.short {
    border: medium none;
    clear: both;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 10%;
    min-width: 70px;
    }

.home_centered hr {
    margin-bottom: 10px;
    width:10%;
    float: left;
    }

body.blog hr, body.search hr, body.archive hr, body.tag hr, body.author hr, body.category hr {
    margin-bottom: 8px;
    width: 94%;
    margin-top: 0;
    float: left;
    }

.conference_content hr, body.archive .conference_content hr {
    margin-bottom: 3px;
    margin-top: 0px;
    width: 10%;
    min-width: 70px;
    float: left;
    }

blockquote, blockquote p {
    font-size: 24px;
    line-height: 1.3em;
    margin: 10px 0 30px 0;
/*    font-weight: 400; */
    }

blockquote:before {
    margin-bottom: 0;
    width: 10%;
    min-width: 70px;
    margin-top: 40px;
    content: "";
    display: block;
    }

.blog_content blockquote:before {
    border-bottom: medium none !important;
    margin: 0;
    }



/* 4. Start of Header Styles */

#header_wrapper {
    width: 100%;
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    padding-bottom: 19px;
    }

header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    }

.menu_container {
    float: right;
    }

.top_logo {
    float: left;
    padding-top: 20px;
    }

.top_logo img {
    max-height: 30px;
    width: auto;
    }

.stick {
    position: fixed;
    top: 0;
    z-index: 99;
    }

.responsivenav {
    display: none;
	}

.nav ul, .nav li {
    list-style:none; 
    padding:0; 
    margin:0; 
    }

.nav ul li {
    list-style: none;
    float: left;
    margin-right: 25px;
    position:relative; 
    border-bottom: 1px solid transparent;
    display:block; 
    }

.nav ul li:last-child {
    margin-right: 0;
    }
    
.nav ul li a, .nav ul li.current-menu-ancestor li a, .nav ul li.current-menu-item li a, .nav ul li.current_page_item a { 
    font-size: 12px;
    text-transform: uppercase;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    line-height: 1.2em;
/*    font-weight: 400; */
    }

.nav ul li ul li.current_page_item {
    border-bottom: none;
    }

.nav ul li a:hover, .nav ul li ul li a:hover {
    text-decoration: none;
    }

.nav ul ul { 
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	z-index:497; 
	padding: 0px; 
	border-top:none; 
    min-width: 9em;
    white-space: nowrap;
    }

.nav ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
    min-width: 12em;
    white-space: nowrap;
    }

.nav ul li:hover > ul {
    opacity: 1; 
    position:absolute; 
    top:99%; 
    left:-15px;
    padding: 20px 0;
    }

.nav ul li ul li, .nav ul li ul li ul li {
    margin-right: 0;
    margin-top: 1px;
    padding: 5px 10px;
    width: 100%;
    border-bottom: 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
    border-left: 5px solid transparent;
    }

.nav ul li ul li:hover, .nav ul li ul li.current_page_item, .nav ul li ul li ul li:hover, .nav ul li ul li ul li.current_page_item, .nav ul li ul li.current-menu-item, .nav ul li ul li ul li.current-menu-item { 
    border-bottom: 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    }

.nav ul ul li:hover > ul {
    position:absolute; 
    top:-20px; 
    left:100%; 
    opacity: 1; 
    z-index:497; 
    }

.nav ul li ul li a, .nav ul li ul li ul li a {
    display: block;
    padding: 7px 0px;
    }


.nav ul li a {
    display: block;
    padding-bottom: 10px;
    padding-top: 30px;
	text-decoration: none;
    }



/* 5. Start of Main Styles */

.main_image_home.big {
    position:relative;
    z-index:1;
    }

.main_image {
    padding: 0 50px;
    }

video[poster] {
    height:100%;
    width:100%;
    }

#video_background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1000;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    }

#video_overlay, .main_image:before, .main_image_home.big:before {
    background: url("../attend-wp/img/bg-pixel.png") repeat scroll 0 0 / 20px 20px rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    }

video::-webkit-media-controls {
  display:none !important;
}

.featured_image_wrapper {
    margin-bottom: 40px;
    }

.main_content:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    }

.main_content {
    margin: -290px auto 0;
    max-width: 1000px;
    padding: 70px 100px;
    position: relative;
    z-index: 1;
    }

body.error404 .main_content {
    min-height: 300px;
    }

.main_content_title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    top: 29%;
    transform: translateY(-30%);
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    position: relative;
    }

.top_of_page_button {
    position: absolute;
    right: 0;
    top: 310px;
    }

.button_holder {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    }

.top_of_page_button a {
    padding: 3px 50px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    display: inline-block;
/*    font-weight: 400; */
    }

.top_of_page_button a:hover {
    text-decoration: none;
    }

.content {
    max-width: 630px;
    margin: 0 auto;
    }

.left_content {
    width: 65%;
    float: left;
    }

.right_content {
    width: 29%;
    float: right;
    font-size: 14px;
    line-height: 1.6em;
    }

.right_content li {
    margin-bottom: 1%;
/*    font-weight: 300; */
    }

.right_content ul, .right_content .tagcloud, .right_content #calendar_wrap {
    margin-bottom: 45px;
    }

.right_content ul.sub-menu, .right_content ul.children  {
    margin-bottom:0;
    }

.right_content .search {
    margin-bottom: 20px;
    }

.blog_meta_data {
    float: left;
    font-size: 12px;
    margin-right: 5%;
    margin-top: 0;
    width: 33%;
    }

.metaauthor, .metacats, .metacomments {
    line-height: 1.8em;
    float: left;
    display: block;
    width: 100%;
    }

.metadate {
    margin-bottom: 20px;
    float: left;
    }

.metadate > a {
    font-size: 16px;
    }

.metaauthor > a, .metacats > a, .metacomments > a {
    font-size: 14px;
    font-style: italic;
/*    font-weight: 300; */
    }

body.single .blog_meta_data {
    width: 100%;
    }

body.single .blog_meta_data hr {
    float: left;
    margin-bottom: 10px;
    }

.blog_meta_data p {
    font-style: italic;
    font-size: 14px;
    margin: 0;
    }

.lildarker {
/*    font-weight: 400; */
    }

.blog_content {
    float: left;
    width: 62%;
    margin-top: -8px;
    }

.metapostformat {
    display: block;
    margin: 6px 0 26px 0;
    }

.read_more_link {
    display: block;
    font-size: 18px;
    margin-top: 20px;
    text-transform: capitalize;
/*    font-weight: 300; */
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in; 
    }

.link_content, .link_content a {
    font-size: 14px;
    margin-bottom: 80px;
    }

h1.link_title {
    font-size: 24px;
/*    font-weight: 400; */
    line-height: 1.2em;
    margin: 0 0 10px;
    text-transform: none;
    }

.linkpostcontent a {
    font-style: italic;
    font-size: 14px;
    }

.blog_content blockquote, .blog_content blockquote p {
    margin: 0 0 10px;
    }

.center {
    text-align: center;
    }

p.center {
    margin: 0 auto 20px;
    max-width: 630px;
    }

.one_third {
    float: left;
    margin-bottom: 5%;
    margin-right: 3%;
    margin-top: 2%;
    width: 31.3%;
    }

.one_third:nth-of-type(3n+3) {  
    margin-right: 0;
    }

.highlight_homepage_button {
    display: inline-block;
    margin-top: 23px;
    }

.highlight_homepage_button > a {
    padding: 4px 40px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    display: inline-block;
/*    font-weight: 400; */
    }

.highlight_homepage_button > a:hover {
    text-decoration: none;
    }

.home_centered {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    top: 50%;
    padding: 0 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    }

.home_centered .textwidget {
    max-width: 700px;
    }

.home_centered .textwidget img {
    max-width: 80%;
    }

.gallery-item {
    margin-right: 0.3% !important;
    margin-top: 0.3% !important;
    }

.gallery-columns-4 .gallery-item {
    width: 24.7% !important;
}

/* 6. Cr3ativ Sponsor Styles */

h2.sponsorname, h2.sponsorname a, h2.sponsorname a:hover {
    font-size: 24px;
/*    font-weight: 400; */
    margin: 8% 0 5% 0;
    }

.sponsorwrapper .threes-column {
    width: 28.3%;
    margin-right: 6%;
    text-align: center;
    }


/* 7. Cr3ativ Conference Styles */

.cr3ativconference_speaker_info img.alignleft {
    margin-right: 50px;
    margin-top: 0;
    max-width: 270px;
    }

.single-conference-location {
    font-size: 14px;
/*    font-weight: 300; */
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.2em;
    font-style: italic;
    }

.single-conference-time {
    font-size: 14px;
/*    font-weight: 300; */
    margin: 0 0 50px;
    padding: 0;
    line-height: 1.2em;
    font-style: italic;
    }

h1.conference_date {
    font-size: 24px;
/*    font-weight: 300; */
    padding: 20px 95px;
    margin:0px !important;
    }

body.page-template-template-homepage-php h1.conference_date:first-child {
    margin-top: 80px;
    }

.conference_wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
    }

.session_index_date:first-child {
    float: left;
    margin: -70px 0 40px -100px;
    }

.session_index_date {
    float: left;
    margin: 40px 0 40px -100px;
    min-width: 47%;
    }

.main_content .highlight .conference_wrapper {
    padding: 0px;
    }

.conference_meta {
    float: left;
    font-size: 12px;
    margin-top: 0px;
    width: 30%;
    margin-right: 7%;
    }

.conference_content {
    float: left;
    width: 63%;
    }

.main_content .highlight .conference_content {
    margin-top: 6px;
    }

h2.meeting_date a, h2.meeting_date {
    clear: both;
    font-size: 36px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
/*    font-weight: 300; */
    float: left;
    clear: both;
    margin: -5px 0 0 -15px !important;
    line-height: 1.2em;
    border-left: 5px solid transparent;
    padding: 0 0 0 10px;
    }

h2.meeting_date a:hover {
    padding: 0 0 0 10px;
    text-decoration: none;
    }

a.conference-more {
    text-decoration: underline !important;
    }

.cr3ativconference_blog_wrapper { margin-top: 70px; }

.cr3ativconference_blog_wrapper .speaker_list {
    min-height: 10px;
    }

.cr3ativconference_blog_wrapper .session_content {
    margin: 0 0 30px 0;
    }

body.single-cr3ativconference .speaker_list_wrapper a {
    display: inline !important;
    }

body.single-cr3ativconference .speaker_list img, body.single-cr3ativconference .speaker_list img:hover {
    float: left;
    height: 75px !important;
    width: 75px !important;
    margin: 0px 20px 20px 0;
    }

.speaker_info_singlesesh {
    float: left;
    margin-left: 4%;
    margin-top: 8px;
    }

p.seshspeakername, p.seshspeakername a {
    margin-bottom: 0;
    font-size: 20px;
    }

p.seshspeakername a:hover {
    text-decoration: none;
    }

p.seshtitle {
    margin-bottom: 0;
    font-style: italic;
    font-size: 14px;
    }

.cr3ativconference_blog_wrapper .speaker_list {
    margin: 0 !important;
    }

body.single-cr3ativconference .speaker_list_wrapper {
    text-align: left;
    }

body.single-cr3ativconference .conference-location {
    margin: 12px 0 40px 0px !important;
    }

.sessionwidget {
    margin-bottom: 0;
    }

.conference-location {
    margin: 20px 0 0 !important;
    }

.conference_header_meta {
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 30px 0 5px;
    }

.conference_meta img.alignleft {
    margin: 12px 10px 0px 0;
    }

.conference-time {
    font-size: 24px !important;
    line-height: 1.5em !important;
/*    font-weight: 300 !important; */
    margin-bottom: 15px;
    }

.google_share_link {
    float: right;
    margin-top: -48px;
    }

.google_share_link > a {
    font-size: 14px;
    margin-left: 10px;
    }

.conference-location {
    font-size: 16px !important;
    line-height: 1.5em !important;
/*    font-weight: 300 !important; */
    font-style: italic;
    }

.cr3ativconference_speaker_company_title a {
    -webkit-transition: 0.2s all ease-in;
    -o-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    font-size: 16px;
    font-style: italic;
    }

.cr3ativconference_speaker_company_title a:hover {
    font-size: 16px;
    font-style: italic;
    }

.cr3ativconference_blog_wrapper h2 {
    font-weight: 500; 
    margin-bottom: 0;
    }

.speaker_list img, .speakerwidget img, .cr3ativconference_speaker_image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    -moz-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
    }

.speaker_list img:hover, .speakerwidget img:hover, .cr3ativconference_speaker_image img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    -moz-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
    }

.speaker_list img, .speaker_list img:hover {
    height: 50px !important;
    width: 50px !important;
    }

.speaker_list_wrapper {
    margin: 0 10px 20px 0 !important;
    width: 100%;
    }

p.sessioncats {
    margin-top: 0;
    font-size: 14px; 
    }

.sessioncats a {
    font-weight: 500;
    }

div.highlight {
    background-color: transparent;
    margin-bottom: 40px;
    padding: 20px 0 0 0;
    }

.highlight .conference_meta {
    margin-top: 20px !important;
    }

.speakerwidgetwrapper .speakerwidget {
    float: left;
    margin-bottom: 5%;
    margin-right: 4%;
    margin-top: 2%;
    width: 22%;
    font-size: 14px;
/*    font-weight: 300; */
    }

.cr3ativconference_speaker_title {
    font-size: 14px;
/*    font-weight: 300; */
    }

.cr3ativconference_speaker_company {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin: 0; 
    }

.cr3ativconference_speaker_singletitle {
    font-size: 24px;
    float: left;
    margin: 0 !important;
/*    font-weight: 300; */
    }

.speaker_image_single {
    float: left;
    max-width: 30%;
    margin-right: 5%;
    clear: left;
    }

.single_speaker_image {
    float: left;
    }

.speaker_image_single img.alignleft {
    margin: 0px 20px 20px 0;
    }

.cr3ativconference_speaker_info {
    float: right;
    max-width: 65%;
    }

.speakerwidgetwrapper .speakerwidget:nth-of-type(4n+4) {  
    margin-right: 0;
    }

.cr3ativconference_speaker_company_title {
    margin: 0 !important;
    }

body.single-cr3ativspeaker .cr3ativconference_speaker_company_title {
    margin: 0 0 40px 0 !important;
    float: left;
    clear: left;
    }

h2.speakercompanyname, h2.speakercompanyname a, .cr3ativconference_speaker_name, .cr3ativconference_speaker_name a {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 20px 0;
    -webkit-transition: 0.2s all ease-in;
    -o-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    }

h2.speakercompanyname, h2.speakercompanyname a:hover, .cr3ativconference_speaker_name:hover, .cr3ativconference_speaker_name a:hover { 
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    }

.cr3ativconference_clearbig { height: 80px; }

.speakerwidget img {
    border-radius: 5px;
    }

.cr3ativconference_social_icons {
    float: right;
    margin: -30px 0 0 0;
    }

.cr3ativconference_social_icons img, .cr3ativconference_social_icons img:hover { 
    border-radius: 3px !important; 
    }

.cr3ativconference_social_icons img:last-child {
    margin-right: 0px;
}

.cr3ativconference_speaker_wrapper {
    width: 48.5%;
    margin-bottom: 1px;
    margin-right: 0.2%;
    background-color: #f5f7fa;
    height: 243px;
    }

.vertical_align {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    }

.cr3ativconference_speaker_wrapper:nth-of-type(2n+4) {
    margin-right: 0;
    }

.cr3ativconference_speaker_wrapper:nth-of-type(4n+5) {
    margin-right: 0.2% !important;
    }

.cr3ativconference_speaker_image {
    float: left;
    max-width: 50%;
    }

.speaker_content {
    text-align: center;
    }

.speaker_content p {
    font-size: 14px;
    line-height: 1.4em;
    }

.speaker_deats {
    display: table;
    height: 100%;
    }

.speaker_deats hr {
    margin-bottom: 10px;
    margin-top: 0;
    width: 30%;
    }

.cr3ativconference_speaker_name a, .cr3ativconference_speaker_company a {
    -webkit-transition: 0.2s all ease-in;
    -o-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    }

.cr3ativconference_speaker_name a:hover, .cr3ativconference_speaker_company a:hover {
    text-decoration: none;
    }

.speaker_content a.more-link, .session_content a.more-link {
    display: none;
    }

.right_content h1.conference_date {
    font-size: 18px;
    padding: 20px 0 30px;
    font-weight: 500;
}

.right_content .conference_meta {
    margin-right: 0;
    width: 100%;
}

.right_content .conference-location {
    margin-top: 0 !important;
    font-size: 14px !important;
}

.right_content .conference_content {
    width: 100%;
}

.right_content h2.meeting_date a, .right_content h2.meeting_date {
    font-size: 24px;
}

.right_content .conference-time {
    font-size: 18px !important;
    margin-bottom: 10px;
}

.right_content .speaker_list_wrapper {
    width: auto !important;
    margin: 10px 10px 5px 0 !important;
}

.right_content .conference_wrapper {
    padding-bottom: 20px;
    padding-top: 30px;
}

.right_content .sessionwidget .conference_content .speaker_list {
    margin: 10px 0 20px;
}

.right_content .conference-more {
    margin: 0;
}

.right_content  div.highlight {
    padding: 0;
}


/* 8. Pagination Styles */

body.search #pagination {
    margin-top: 100px;
    }

#pagination {
    display: block;
    width: 100%;
    }

.paginationnext {
    float: left;
    }

.paginationprev {
    float: right;
    }

.paginationprev a, .paginationnext a {
    padding: 2px 50px;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    }

.paginationprev a:hover, .paginationnext a:hover {
    text-decoration: none;
    }

.navigation_wrapper {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 60px;
    }

.navigation_wrapper .alignright, .navigation_wrapper .alignleft {
    width: 45%; 
    }

.pagination2 {
    clear: both;
    float: left;
    margin-top: 25px;
    }



/* 9. Comments, Form & Input Styling */

.wpcf7-form {
	width:100%;
	}

.wpcf7-form p {
    font-size: 14px;
/*    font-weight: 400; */
    letter-spacing: 0;
    line-height: inherit;
    display: block;
    text-align: left;
    text-transform: uppercase;
    clear: left;
    margin-bottom: 0;
	}

.wpcf7-form label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: capitalize;
	}
	
div.wpcf7 img.ajax-loader {
    display: block;
    }

textarea {
	background-color: transparent;
    font-size: 18px;
    padding: 12px 10px;
    width: 97%;
/*    font-weight: 300; */
    -webkit-appearance: none;
    margin: 0;    
    transition: all 0.3s ease-in-out;
    font-family: inherit;
    border-radius: 0;
	}
	
textarea:focus {
    -webkit-appearance: none;
	}
	
input, input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel] {
	background-color: transparent;
    font-size: 18px;
/*	font-weight: 300; */
    padding: 12px 10px;
    -webkit-appearance: none;
    margin: 0;
    transition: all 0.3s ease-in-out;
    font-family: inherit;
    border-radius: 0;
    width: 97%;
	}

input.small { 
    width: 45%; 
    font-style: normal;
    }

span.wpcf7-list-item {
    margin-right: 20px;
    margin-left: 0 !important;
    display: block;
    }

body.error404 input[type=text] {
    width: 40%;
    font-size: 18px;
    float: left;
    line-height: 1.5em;
    }

body.error404 input[type="submit"] {
    float: left;
    line-height: 1.5em;
    margin: 0 0 0 10px;
    padding: 15px 20px;
    }

.right_content input[type=text], .right_content input[type=email], .right_content input[type=url], .right_content input[type=password] {
    width: 50%;
    margin-right: 10px;
    padding: 8px 10px;
    font-size: 14px;
    float: left;
    }

.right_content select {
    width: 100%;
    margin-bottom: 45px;
    }

#footer_wrapper input[type=text], #footer_wrapper input[type=email], #footer_wrapper input[type=url], #footer_wrapper input[type=password] {
    width: 64%;
    line-height: 19px;
	background-color: transparent;
    margin-right: 5px;
    }

#footer_wrapper input[type=submit] {
    padding: 15px 10px;
    margin: 0px;
    -webkit-transform: translateZ(0);
    }

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=tel]:focus {
    -webkit-appearance: none;
	} 
	
input[type=submit] {
    font-size: 14px;
    padding: 15px 30px;
    display: inline-block;
    text-align: center;;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    margin: 20px 0 30px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    width: auto;
	}

.right_content input[type="submit"] {
/*    font-weight: 400; */
    margin: 0;
    padding: 8px 20px;
    }
	
input[type=submit]:hover  {   
	text-decoration: none; 
	}

input:focus {
    -webkit-appearance: none;
	}
	
div.wpcf7-mail-sent-ok { 
	border: medium none !important;
    clear: both !important;
    padding: 0 !important;
	margin:0 !important;
	}

input.error {
    border: 1px solid #f00;
    }

label.error {
    font-size: 12px !important;
    }
	
div.wpcf7-validation-errors {
    border: medium none !important;
    clear: both !important;
    padding: 0 !important;
	}

input.wpcf7-not-valid {
    border: 1px solid #f00;
    }
	
.comment-author-avatar {
	float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 50px;
    height: 50px;
	}
	
.comment-author-avatar img {
	border-radius:50px;
	}

.comment-main {
	overflow:hidden;
	}
	
.comment-main .meta p {
	border-top:none;
	}
	
.comment-content {
	float: left;
    margin-top: 30px;
    width: 100%;
	}
	
#cancel-comment-reply {
	margin-top:5px;
	}
	
.button {
	display:block;
	}

a.comment-reply-link {
    font-size: 14px;
    font-weight: 500;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    font-style: italic;
	}

.comment-meta {
    line-height: 1em;
    }

p.comment-notes {
	font-size: 16px;
    margin-bottom: 40px;
	}

div.commentlist li ul.children {
	list-style:none;
	}

.comment {
	float: right;
	display: block;
	width: 100%;
	padding-top:20px;
	}

.comment-author {
    display: inline;
    float: left;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 70%;
    }

.comment-date, .comment-date a {
    display: inline;
    float: left;
    font-size: 14px;
/*    font-weight: 200; */
    }

.comment-main .comment-meta .comment-date {
    font-style: italic;
/*    font-weight: 300; */
    font-size: 14px;
    }

.commentlist {
	float: left;
    margin-bottom: 40px;
    width: 100%;
    margin-top: 20px;
	}

.commentlist li {
    padding: 0 0 40px 0;
    position: relative;
	list-style:none;
	background:none;
	border:none;
	clear: both;
	float:left;
	margin-left:0;
	}
	
.commentlist li ul.children li {
    border-bottom: medium none;
    padding: 40px 0 0 70px;
    margin-top: 0;
    }
	
.commentlist ul {
	float: none;
	position: relative;
    margin: 0;
	}
	
#commentform label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 40px;
	}
	
p.form-allowed-tags {
	display:none;
	}

p.logged-in-as {
    font-size: 14px;
    }

#respond {
    clear: both;
    }

.comment_wrapper {
    display: block;
    float: left;
    width: 100%;
    }

/* 10. Start of Footer Styles */

.footer_widgets p {
    line-height: 1.6em;
/*    font-weight: 300; */
    }

.bottom_widgets {
    float: left;
    width: 100%;
    padding: 30px 0;
    }

.footer_widgets {
    float: left;
    margin-right: 4%;
    width: 22%;
    min-height: 1px;
    }

.footer_widgets:nth-of-type(4n+4) {  
    margin-right: 0;
    }

.footer_widgets h5 {
    margin-top: 30px;
    margin-bottom: 25px;
    }

.footer_widgets h5:first-child {
    margin-top: 0px; 
    }

footer {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 50px;
    }

footer a:hover {
    text-decoration: underline;
    }

.copyright {
    float: left;
    font-size: 12px;
    padding-top: 10px;
    }



/* 11. WordPress Defuault Styling */

.button_tag {
	display: inline-block;
	margin: 0 5px 5px 0;
	position: relative;
	}

.button_tag a {
    font-size: 14px;
/*    font-weight: 300; */
    padding: 7px 20px 8px 20px;
    line-height: 1em;
    margin: 0 5px 5px 0;
    text-transform: capitalize;
    display: inline-block;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
	}

.button_tag a:hover {
    font-size: 14px;
    text-decoration: none;
	}

#wp-calendar {
	width: 100%; 
	float:left;
	}

#wp-calendar a {
    font-weight: 500;
    }
	
#wp-calendar caption { 
	text-align: right; 
	font-weight:500; 
	font-size: 12px; 
	margin-top:-10px; 
	padding:10px 10px 0 0; 
	padding-bottom: 15px; 
	}
	
#wp-calendar thead {
	font-size: 12px;
	}
	
#wp-calendar thead th {
	padding-bottom: 10px;
	}
	
#wp-calendar tbody td {
	border: 1px solid transparent; 
	text-align: center; 
	padding:8px;
	}

#wp-calendar tbody td:hover {
	background: transparent;
	}

#wp-calendar tbody .pad {
	background: none;
	}

#wp-calendar tfoot #next {
	font-size: 10px; 
	text-transform: uppercase; 
	text-align: right;
	}

#wp-calendar tfoot #prev {
	font-size: 10px; 
	text-transform: uppercase; 
	padding-top: 0px;
	}

#wp-calendar thead th {
	padding-bottom: 10px; 
	text-align: center;
	}

table tr:nth-child(2n) { background: none repeat scroll 0 0 #f5f7fa; }



/* 12. Cr3ativ Shortcode Theme Styling */

.ja-social-icon-image:hover {
    border-bottom: 0px!important;
    padding-bottom: 0px !important;
    }

body .creativ-shortcode-map p {
    padding: 0 10px 0 !important;
    }

body .creativ-shortcode-col-inner {
    margin: 0 0 0 40px !important;
    }

body .creativ-shortcode-cols {
    margin: 0 0 20px -40px !important;
    }

body .creativ-shortcode-button {
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out!important;
    text-decoration: none;
    margin: 20px 3px 20px 0!important;
    font-weight: 500!important;
    cursor: pointer;
    text-shadow: none;
    }

body .creativ-shortcode-button-size-large, body .creativ-shortcode-button-size-large:hover {
    font-size: 16px !important;
    padding: 15px 40px !important;
    }

body .creativ-shortcode-button-size-medium, body .creativ-shortcode-button-size-medium:hover {
    font-size: 12px !important;
    padding: 12px 30px !important;
    }

body .creativ-shortcode-button-size-small, body .creativ-shortcode-button-size-small:hover {
    font-size: 11px !important;
    padding: 9px 20px !important;
    }

body .creativ-shortcode-button-colour-blue {
    background-color: #E8F8FC !important;
    border: 2px solid #80C1D5 !important;
    color: #2B2F35 !important;
    }

body .creativ-shortcode-button-colour-red {
    background-color: #f9e8e8 !important;
    border: 2px solid #d45050 !important;
    color: #d45050 !important;
    }

body .creativ-shortcode-button-colour-green {
    background-color: #e6f7f0 !important;
    border: 2px solid #426054 !important;
    color: #426054 !important;
    }

body .creativ-shortcode-button-colour-orange {
    background-color: #ffebe1 !important;
    border: 2px solid #ee6723 !important;
    color: #ee6723 !important;
    }

body .creativ-shortcode-button-colour-dark-gray {
    background-color: #2b2f35 !important;
    border: 2px solid #2b2f35 !important;
    color: #ffffff !important;
    }

body .creativ-shortcode-button-colour-light-gray {
    border: 2px solid #2b2f35 !important;
    color: #2b2f35 !important;
    background-color: #ffffff !important;
    }

body .creativ-shortcode-button-colour-light-gray:hover {
    background-color: #2b2f35 !important;
    border: 2px solid #2b2f35 !important;
    color: #ffffff !important;
    }

#page_title .creativ-shortcode-button-colour-light-gray {
    background-color: transparent !important;
    border: 2px solid rgba(255,255,255,0.5) !important;
    color: #ffffff !important;
    }

#page_title .creativ-shortcode-button-colour-light-gray:hover {
    background-color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.9) !important;
    color: #2b2f35 !important;
    }

body .creativ-shortcode-button-colour-purple {
    background-color: #f3e5fd !important;
    border: 2px solid #8a37c4 !important;
    color: #8a37c4 !important;
    }

body .creativ-shortcode-button-colour-theme {
    background-color: transparent !important;
    }

body .creativ-shortcode-button:active {
    box-shadow: none !important;
    top: 0 !important;
    }

body .creativ-shortcode-button-colour-theme:hover { 
	text-decoration: none; 
	}

body .creativ-shortcode-toggle-active { 
	border-color: #dde5eb !important; 
	}

body .creativ-shortcode-toggle .creativ-shortcode-toggle-content { 
	border-top: 1px solid #dde5eb!important; 
	}

body .creativ-shortcode-toggle h3.creativ-shortcode-toggle-heading, body .creativ-shortcode-tab-buttons a, body .creativ-shortcode-tab-buttons a:hover {
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500;
    }

body .creativ-shortcode-tab-buttons a { 
    line-height: 39px !important;
    height: 39px !important;
	}

.ja-social-icon:hover { 
	color: #FFF !important; 
	}

body .creativ-shortcode-alertbox-colour-theme { 
	background-color: transparent !important; 
	}

body .creativ-shortcode-alertbox i {
    margin: 0 0 10px;
    }

body .creativ-shortcode-alertbox {
    padding: 20px !important;
    }

body .creativ-shortcode-social-links {
	margin:0 !important;
	}

a.ja-social-icon, a.ja-social-icon:hover {
    padding-bottom: 0 !important;
    border-bottom: none !important;
    }

body .creativ-shortcode-pullright, body .creativ-shortcode-pullleft {
    font-family: 'Lato', sans-serif !important;
    font-size: 22px!important;
/*    font-weight: 400!important; */
    line-height: 1.3em!important;
    text-transform: none !important;
    }

.footer_widgets.last .textwidget  {
    float: right;
    }



/* 13. WordPress Default Playlist Styles */

.mejs-container {
	margin-bottom: 30px;
    }

.wp-audio-playlist .mejs-container {
	margin-top: 0px !important;
    }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: none repeat scroll 0 0 #FFFFFF !important;
	border-radius: 0 !important;
    }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
	border-radius: 0px !important;
    }

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: none repeat scroll 0 0 #FFFFFF !important;
    }

.mejs-controls .mejs-time-rail span {
	border-radius: 0 !important;
    }

.mejs-container .mejs-controls .mejs-time {
	padding: 9px 3px 0 !important;
    }

.mejs-container .mejs-controls {
    width: 99.99% !important;
    }

.mejs-controls .mejs-time-rail .mejs-time-total {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    }

.wp-playlist-light {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px solid #C2CCD1 !important;
    }

.wp-playlist-item-artist {
	font-size: 11px !important;
	text-transform: none !important;
    }

.wp-playlist-item-album {
	font-style: normal !important;
    }

.wp-playlist-caption .wp-playlist-item-title {
	font-size: 18px !important;
	text-transform: uppercase;
    }

a.wp-playlist-caption, a.wp-playlist-caption span.wp-playlist-item-title {
	font-size: 12px !important;
/*    font-weight: 400; */
    }

a.wp-playlist-caption:hover {
	border-bottom: 0px solid transparent !important;
    }

.wp-playlist-item {
	border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin-top: -1px;
	border-bottom: 0 solid rgba(0, 0, 0, 0) !important;
    }

.wp-playlist-item:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

.wp-playlist-item-length {
	top: 12px !important;
	right: 10px !important;
	font-size: 12px !important;
/*    font-weight: 400; */
    }

.wp-playlist-tracks, .wp-playlist-caption {
	text-align: left;
	margin-top: 0px !important;
	padding-top: 0px;
	font-family: 'Lato', sans-serif;
    }

.wp-playlist-tracks {
	margin-top: 0px !important;
	padding-top: 0px;
    }

.wp-playlist {
	padding: 0px !important;
	border: 0 solid rgba(0, 0, 0, 0) !important;
    }

.wp-playlist-light .wp-playlist-item {
	padding: 10px !important;
/*	font-weight: 400; */
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
    }

.wp-playlist .wp-playlist-current-item img {
	max-width: 100px !important;
    }

.wp-playlist-current-item {
	height: 100px !important;
	margin-bottom: 0 !important;
	padding: 10px !important;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px 3px 0 0;
    }

.mejs-controls .mejs-button button {
	margin: 7px 9px !important;
    }



/* 14. Start of Media Queries */


@media only screen and (max-width: 1299px) {
    
    .home_centered .textwidget {
        max-width: 85%;
    }
    
    h1.huge {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1024px) {
    
    #video_overlay, .main_image:before, .main_image_home.big:before {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    }
    
    html {
        font-size: 15px;
    }
    
    .nav {
        display: none;
    }
    
    .responsivenav {
		display: block;
		overflow:hidden;
        width: 500px;
    }
    
    .top_logo {
        padding-top: 23px;
    }
    
    .menu_sign:before {
        content: "\2630";
        display: inline-block;
        font-size: 19px;
        margin: 9px 8px 0 10px;
        float: left;
    }

	.nav2, .nav2 ul, .nav2 li {
		list-style: none;
    }
    
    .nav2 ul.sub-menu li {
        padding: 0 10px;
    }
	
	.nav2 ul {
		padding: 0;
		margin: 0;
        display:none;
	}
	
	.nav2 {
		margin: 0;
        padding: 10px 0 10px 0;
	}
	
	.nav2 > li {
        margin: 4px 0;
	}
	
	.nav2 li > a > span {
		float: right;
	}
	
	.nav2 li > a > span:after {
		font-size: 14px;
		content: '\25be';
	}
		
	.nav2 li.open > a > span:after {
		content: '\25b4';
	}
	
	.nav2 li a:hover, .nav2 li.current-menu-item > a {
        background-color: rgba(0,0,0,0.5);
	}
    
    .nav2 li a:hover {
        border-left: 2px solid transparent;
    }
	
	.nav2 ul.sub-menu li a, .nav2 ul.sub-menu li a ul li a, .nav2 li a, .nav2 li a ul li a {
		padding: 10px;
		display: block;
        margin-bottom: 2px;
		text-decoration: none;
        border-bottom: none !important;
        transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        text-transform: uppercase;
        font-size: 14px;
/*        font-weight: 400; */
        background-color: rgba(0,0,0,0.3);
        border-left: 2px solid transparent;
    }

    ul.sub-menu {
        background-color: rgba(0,0,0,0.6);
        padding: 10px 0;
    }
    
    .nav2 li a:hover, .nav2 li a ul li a:hover {
        border-bottom: none !important;
    }
    
    .right_content input[type="text"], .right_content input[type="email"], .right_content input[type="url"], .right_content input[type="password"] {
        width: 92%;
        margin-bottom: 10px;
    }
    
    .right_content input[type="submit"] {
        width: 100%;
    }
    
    h1.huge {
    font-size: 50px;
    }
    
    .main_content .highlight .conference_wrapper {
        padding: 30px 60px 50px;
    }
    
    .right_content .sessionwidget .highlight .conference_wrapper {
        padding: 30px 0px 50px;
    }
    
    .main_content {
        padding: 50px 50px;
    }
    
    .main_content_title, .button_holder {
        max-width: 100%;
    }
    
    h1.conference_date {
        padding: 20px 50px;
    }
    
    .session_index_date {
        min-width: 42%;
        margin: 40px 0 40px -50px;
    }
    
    .session_index_date:first-child {
        margin: -50px 0 40px -50px;
    }
    
    #footer_wrapper input[type="text"], #footer_wrapper input[type="email"], #footer_wrapper input[type="url"], #footer_wrapper input[type="password"] {
        width: 100%; 
        margin-bottom: 10px;
    }
    
    #footer_wrapper input[type="submit"] {
        width: 100%;
    }
    
    .home_centered .textwidget {
        top: 30%;
    }
        
    #header_wrapper {
        padding-bottom: 0;
    }
    
    .speaker_image_single {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    
    .single_session_wrapper {
        float: left;
        width: 33%;
    }
    
    h6.session, h6.session a {
        font-size: 22px;
    }
    
    span.wpcf7-list-item {
        width: 100%;
        margin-right: 0;
    }    
    
    .main_image {
        height: 590px !important;
    }
    
    .top_of_page_button {
        top: 220px;
    }
    
    .cr3ativconference_speaker_wrapper {
        height: 224px;
    }
    
    
}



@media only screen and (max-width: 800px) {
    
    html {
    font-size: 13px;
    }
    
    .home_centered .textwidget {
        top: 30%;
    }
    
    .date_wrapper {
        margin-top: -5px;
    }
    
    .top_logo {
        float: left;
        max-width: 30%;
        padding-top: 23px;
        text-align: left;
    }
    
    .menu_container {
        float: right;
        max-width: 70%;
        width: 70%;
    }
    
    .responsivenav {
        width: 100%;
    }
    
    .conference-time, .conference-location {
        clear: left;
        display: block;
        float: left;
    }
    
    .conference_meta {
        width: 100%;
        margin-top: 0px; 
        margin-bottom: 30px;
    }
    
    .conference_meta .clearfix:after {
        clear: none;
    }
    
    .conference_content {
        width: 100%; 
        margin-left: 0;
    }
    
    .speakerwidgetwrapper .speakerwidget {
        width: 48%;
        margin-right: 2%;
    }
    
    .sponsorwrapper .fours-column, .sponsorwrapper .twos-column, .left_content, .right_content {
        float: none;
        width: 100%;
    }
    
    .right_content {
        margin-top: 40px;
    }
    
    .cr3ativconference_speaker_wrapper { 
        float: left;
        width: 100%;
        height: 334px;
    }
    
    .commentlist li ul.children li {
        max-width: 90%;
    }
    
    .footer_widgets {
        width: 100%;
    }
    
    .footer_widgets.last .textwidget {
        float: left; 
    }
    
    .one_third {
        width: 50%;
        margin-right: 0;
    }
    
    body.single .main_image .main_content .alignleft {
        display: none;
    }
    
    .right_content input[type="text"], .right_content input[type="email"], .right_content input[type="url"], .right_content input[type="password"] {
        width: 96.7%;
    }
    
    body.single-cr3ativconference .speaker_list_wrapper {
        width: 47%;
    }
    
    body.blog hr, body.search hr, body.tag hr, body.author hr, body.category hr, body.archive  hr {
        display: none;
    }
    
    body.tax-cr3ativconfcategory  hr {
        display: block;
    }
    
    .featured_image_wrapper {
        margin-bottom: 20px;
    }
    
    .blog_meta_data {
        margin-top: 0; 
        width: 100%;
        margin-right: 0;
    }
    
    .navigation_wrapper {
        margin-top: -30px;
    }
    
    .navigation_wrapper .alignright, .navigation_wrapper .alignleft {
        float: left;
        margin: 0 0 30px;
        text-align: left;
        width: 100%;
    }
    
    .blog_content {
        clear: both;
        width: 100%;
        margin-top: 20px;
    }
    
    .google_share_link {
        float: left;
        clear: both;
        margin-top: 0px;
    }
    
    body.single-cr3ativspeaker .cr3ativconference_speaker_company_title {
        margin: 0 0 20px !important;
        clear: none;
        float: none;
        text-align: center;
    }
    
    .cr3ativconference_social_icons {
        float: none;
        margin: 0 0 40px 0;
        text-align: center;
    }

    .single_speaker_image {
        float: none;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .cr3ativconference_speaker_singletitle {
        float: none;
        text-align: center;
    }
    
    .cr3ativconference_speaker_info {
        width: 100%;
        float: left;
        max-width: 100%;
    }
    
}


@media only screen and (max-width: 640px) {
    
    header, .home_centered, .main_image, footer {
        padding: 0 20px;
    }
    
    .cr3ativconference_clearbig {
        height: 40px;
    }
    
    .highlight_homepage_button {
        margin-top: 0px;
    }
    
    .main_image {
        height: 560px !important;
    }
    
    .speakerwidgetwrapper .speakerwidget {
        width: 100%;
        margin-right: 0;
    }
    
    .sponsorwrapper .threes-column:nth-of-type(3n+3), .sponsorwrapper .threes-column {
        float: left;
        width: 33%;
        margin: 0 auto;
        text-align: center;
    }
    
    .cr3ativconference_speaker_wrapper { 
        float: none; 
        width: 100%; 
    }
    
    .blog_content {
        margin: 20px 0 50px;  width: 100%;
    }
    
    .sponsorwrapper .threes-column:nth-of-type(3n+3), .sponsorwrapper .threes-column {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    .blog_meta_data {
        width: 100%; 
        margin-top: 10px;
    }
    
    body.blog hr {
        margin-bottom: 50px;
    }
    
    .blog_content {
        margin: 20px 0 50px;
    }
    
    .commentlist li ul.children li {
        padding: 40px 0 0 50px;
    }
    
    .button_holder {
        float: left;
    }
    
    .top_of_page_button {
        position: relative;
    }
    
    .button_holder {
        display: none;
    }
    
    .main_content_title {
        top: 27%;
    }
    
    .right_content input[type="text"], .right_content input[type="email"], .right_content input[type="url"], .right_content input[type="password"] {
        width: 95.5%;
    }
    
    h2.sponsorname, h2.sponsorname a, h2.sponsorname a:hover {
        margin: 3% 0 5%;
    }
    
    .navigation_wrapper {
        margin-top: 60px;
    }
    
    .cr3ativconference_speaker_wrapper, .cr3ativconference_speaker_wrapper img {
        height: 270px;
        width: auto;
    }
    
    .single_session_wrapper {
        width: 50%;
    }
    
    body.single-cr3ativconference .speaker_list_wrapper {
        margin: 0 !important;
        width: 100%;
    }
    
    body.single-cr3ativconference .cr3ativconference_blog_wrapper {
        margin-top: 30px;
    }

    h1.huge {
        font-size: 40px;
    }
    
    .home_centered hr {
        margin-top: 10px;
    }
    
    .home_centered h3 {
        font-size: 18px;
    }
    
    .home_centered {
        top: 60%;
    }
    
    h1.huge {
        font-size: 36px;
    }
    
    .top_logo img {
        max-height: 20px;
    }
    
    .session_index_date:first-child {
        margin: -50px 0 40px -50px;
    }
    
    .conference-location {
        margin: 10px 0 0 0 !important;
    }
    
    .conference-time {
        margin-bottom: 0px;
    }
    
    .main_content {
        padding: 50px 20px;
    }

}



@media only screen and (max-width: 480px) {
    
    html {
    font-size: 10px;
    }
    
    body.error404 input[type="text"] {
        width: 90%;
    }
        
    .home_centered .textwidget img {
        width: 100%;
    }
    
    .speakerwidgetwrapper .speakerwidget {
        margin-bottom: 40px;
    }
    
    .metaauthor, .metadate, .metacats, .metacomments, .metapostformat {
        display: none;
    }
    
    .blog_meta_data {
        margin-top: 0px;
    }
    
    .gallery {
        margin: 0 auto 10px !important;
    }
        
    .link_content, .link_content a {
        margin-bottom: 50px;
    }
    
    .comment_wrapper {
        background-color: transparent !important;
    }
    
    .comment_wrapper_main {
        padding: 0;
    }
    
    .comment-author {
        width: 70%;
    }
    
    .commentlist li ul.children li {
        padding: 40px 0 0 30px;
    }
    
    .alignright, .wp-caption .alignright {
        float: left;
        margin: 20px 0;
        text-align: left; 
    }
    
    .navigation_wrapper .alignright, .navigation_wrapper .alignleft {
        width: 100%;
    }
    
    .paginationprev {
        float: left;
        margin-bottom: 30px;
    }
    
    body.single .blog_meta_data {
        padding-top: 10px; 
        margin-top: 20px;
    }
    
    .top_logo {
        float: none;
        max-width: 100%;
        text-align: center;
        padding-top: 15px;
    }
    
    .menu_container {
        float: left;
        max-width: 100%;
        width: 100%;
    }
    
    .responsivenav {
        width: 100%;
    }
    
    h1.huge {
        font-size: 26px;
    }
    
    .single_session_wrapper {
        width: 100%;
    }

    body.error404 input[type="submit"] {
        margin: 20px 0 30px;
    }
    
    .right_content input[type="text"], .right_content input[type="email"], .right_content input[type="url"], .right_content input[type="password"] {
        width: 94.3%;
    }
    
    .main_image {
        height: 550px !important;
    }
    
    .home_centered {
        top: 70%;
    }
    
    .main_content_title {
        top: 29%;
    }
    
    .cr3ativconference_speaker_image {
        width: 100%;
        max-width: 100%;
    }
    
    .cr3ativconference_speaker_wrapper, .cr3ativconference_speaker_wrapper img, .speaker_deats {
        height: auto;
        width: auto;
    }
    
    .speaker_deats {
        clear: left;
        padding: 30px 0 40px 0;
    }
    
    .one_third {
        width: 100%;
        float: none;
    }
    
}



@media only screen and (max-width: 360px) {
    
    .right_content input[type="text"], .right_content input[type="email"], .right_content input[type="url"], .right_content input[type="password"] {
        width: 92%;
    }
    
    .home_centered {
        top: 60%;
    }
    
    .highlight_homepage_button {
        margin-top: 20px;
    }
    
    input, input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], textarea {
        width: 90%;
    }


}


/*iPhone 6+ Landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape)
{ 
    .home_centered {
        top: 60%;
    }
    
    .home_centered .textwidget {
        max-width: 85%;
    }
    
    h1.huge {
        font-size: 40px;
    }
    
    .home_centered hr {
        margin-top: 20px;
    }
    
    .highlight_homepage_button {
        margin-top: 10px;
    }
    
    .cr3ativconference_speaker_wrapper {
        height: 318px;
    }
    
    .main_content {
        padding: 50px 50px;
    }
    
    div.post:after {
        margin-bottom: 70px;
    }
    
    body.single div.post:after {
        margin-bottom: 0px;
    }
    
    .navigation_wrapper {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    
    .session_index_date:first-child {
        margin: -50px 0 40px -50px;
    }
    
    .post {
        margin-bottom: 0px;
    }
    
    h1.blog_title a, h1.blog_title {
        font-size: 32px;
        margin-bottom: 10px;
    }
}


/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
    
    .home_centered {
        top: 60%;
    }
    
    .home_centered .textwidget {
        max-width: 85%;
    }
    
    h1.huge {
        font-size: 40px;
    }
    
    .highlight_homepage_button {
        margin-top: 20px;
    }
    
    .home_centered hr {
        margin-top: 20px;
    }
    
    .navigation_wrapper {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    
    input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], textarea {
        width: 94.5%;
    }
    
    .post {
        margin-bottom: 0px;
    }
    
    h1.blog_title a, h1.blog_title {
        font-size: 28px;
        margin-bottom: 0px;
    }
    
    div.post:after {
        margin-bottom: 0px;
    }
    
    body.single div.post:after {
        margin-bottom: 0px;
    }


}

/* End of Media Queries */