/**
 * Theme Name:  Criminal CPD
 * Theme URI:   www.criminalcpd.net.au
 * Description: A starter theme from Theme Hybrid. Please fork this.
 * Version:     1.0.0
 * Author:      Ray Creations
 * Author URI:  www.raycreationsindia.com
 * Tags:        one-column, two-columns, custom-background, custom-header, custom-menu, featured-images, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, threaded-comments, translation-ready
 * Text Domain: criminalcpd
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */

/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {}

/* === Body === */

body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #757575; }

/* === Links === */

a { color: #c02f37; }

	a:hover { color: #333; transition: .3s all linear; }

/* === Headers === */

h1 {}

h2 { color: #c02f37; font-size: 25px; font-weight: 600; text-transform: uppercase; position: relative; padding-bottom: 15px; }

h3 {}

h4 {}

h5 {}

h6 {}

p { margin-bottom: 20px; line-height: 24px; }

/* === Blockquotes, quotes, and cites === */

blockquote {}

	blockquote blockquote {}

	blockquote cite {}

/* === Acronyms and abbreviations === */

acronym {}

abbr {}

/* === Code and Preformatted text === */

code {}

pre {}

	pre code {}

/* === <address> tag === */

address {}

/* === Lists === */

ul { margin: 0 0 20px 30px; }

	ul li { list-style-type: decimal; }

ol {}

	ol li {}

dl {}

	dt {}

	dd {}

/* === Tables === */

table {}

	caption {}

	thead {}

	tfoot {}

	tbody {}

	tr {}

	th {}

	td {}

	/* wp-calendar <table> */

	#wp-calendar {}

/* === Embeds === */

object {}

embed {}

iframe {}

video {}

/* === Forms === */

form {}

	fieldset {}

		fieldset legend {}

	label {}

	input {}

		/* Not all types, but these are more common for themes. */
		input[type="button"] {}
		input[type="checkbox"] {}
		input[type="email"] {}
		input[type="password"] {}
		input[type="radio"] {}
		input[type="reset"] {}
		input[type="search"] {}
		input[type="submit"] {}
		input[type="text"] {}
		input[type="url"] {}

	textarea {}

	select {}

		select optgroup {}

		select option {}

	button {}

/* === Alignement (WP classes) === */

.alignleft {}

.alignright {}

.aligncenter {}

.alignnone {}

.wpcf7 form p:nth-child(2),
.wpcf7 form p:nth-child(3),
.wpcf7 form p:nth-child(4) { width: 32%; float: left; }

.wpcf7 form p:nth-child(2),
.wpcf7 form p:nth-child(3) { margin-right: 2%; }

.wpcf7 form p input[type="text"],
.wpcf7 form p input[type="tel"],
.wpcf7 form p input[type="email"] { width: 98%; padding: 6px; box-sizing: border-box; }
.wpcf7 form p textarea { width: 99.4%; padding: 6px; box-sizing: border-box; }

.wpcf7 form p input[type="submit"] { padding: 8px 30px; background-color: #c02f37; color: #fff; border: 0; }
.wpcf7 form p input[type="submit"]:hover { background-color: #333; transition: .3s all linear; }

/**
 * Images
 * --------------------------------------------------------------------------- */

img {}

	a img {}

/* === WP editor image sizes === */

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full {}

/* === Thumbnails === */

.thumbnail {}

/* === Captions === */

.wp-caption {}

	.wp-caption img {}

	.wp-caption-text {}

		.wp-caption-text a {}
		.wp-caption-text a:hover {}

/* === Gallery === */

.gallery {}

	.gallery .gallery-item {}

		.gallery-icon {}

			.gallery .gallery-icon img {}

		.gallery .gallery-caption {}

/* === Avatars === */

.avatar {}

	a .avatar {}
	a:hover .avatar {}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container {}

		.layout-1c #container {}
		.layout-2c-l #container {}
		.layout-2c-r #container {}
		.layout-3c-l #container {}
		.layout-3c-r #container {}
		.layout-3c-c #container {}

		#header {}

		#menu-primary {}

		#menu-secondary {}

		#main { padding: 40px 4%; }

			#content {}

			#sidebar-primary {}

			#sidebar-secondary {}

		#menu-subsidiary {}

		#sidebar-subsidiary {}

		#footer {}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header { border-bottom: 3px #c02f37 solid; }
.header-wrap { padding: 25px 4% 50px; }

	#branding {}

		#site-title { margin-bottom: 0; }

			#site-title a {}
			#site-title a:hover {}

		#site-description {}

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {}

/* ====== Primary Menu ====== */

#menu-primary {}

	#menu-primary .wrap {}

		#menu-primary ul {}

			#menu-primary ul ul {}

			#menu-primary li {}
			#menu-primary li.current-menu-item {}

				#menu-primary li a {}
				#menu-primary li a:hover {}

/* ====== Secondary Menu ====== */

#menu-secondary {}

	#menu-secondary .wrap {}

		#menu-secondary ul {}

			#menu-secondary ul ul {}

			#menu-secondary li {}
			#menu-secondary li.current-menu-item {}

				#menu-secondary li a {}
				#menu-secondary li a:hover {}

/* ====== Subsidiary Menu ====== */

#menu-subsidiary {}

	#menu-subsidiary .wrap {}

		#menu-subsidiary ul {}

			#menu-subsidiary li {}
			#menu-subsidiary li.current-menu-item {}

				#menu-subsidiary li a {}
				#menu-subsidiary li a:hover {}

/**
 * Content
 * --------------------------------------------------------------------------- */

.header-center { padding: 20px 4%; background-color: #201e23; overflow: hidden }
.header-center .search-form { width: 60%; margin: auto; position: relative; }
.header-center .search-form input[type="search"] { float: right; background-color: transparent; font-size: 15px; color: rgba(255,255,255,.5); padding: 0 15px 10px; margin-left: 30px; width: 90%; border-bottom: 1px rgba(255,255,255,.5) solid; border-top: 0; border-right: 0; border-left: 0; }
.header-center .search-form input[type=submit] { float: left; position: absolute; top: 0; background-image:url('images/search-icon.png'); padding: 0; border: 0; background-color: transparent; width: 19px; height: 20px; background-repeat: no-repeat; text-indent: 30px; }



h2:after { content: ''; border-bottom: 3px #c02f37 double; position: absolute; width: 200px; left: 0; bottom: 0; }
a.botton { border: 2px #e75058 solid; padding: 9px 25px; color: #979797; display: inline-block; margin-top: 7px; }
a.botton:hover { background-color: #e75058; transition: .3s all linear; color: #fff !important; }

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {}

	.breadcrumb-trail .trail-begin {}

	.breadcrumb-trail .trail-end {}

	.breadcrumb-trail .sep {}

	.breadcrumb-trail a {}
	.breadcrumb-trail a:hover {}

/* ====== POSTS ====== */

.hentry  {}
.sticky {}

	/* === Post Header === */

	.entry-header {}

		.entry-title {}
                .home .entry-title { display: none; }

			.entry-title a { color: #c02f37; }
			.entry-title a:hover { color: #333; }

		.entry-byline { margin-bottom: 15px; color: #3b3b3b; }

			.entry-byline a { color: #3b3b3b; }
			.entry-byline a:hover { color: #c02f37; }

			.entry-byline .published {}

.entry-author { margin-right: 5px; }
.entry-published { margin-right: 5px; }
.comments-link { margin-right: 5px; }
                        
	/* === Post content and excerpts === */

	.entry-content {}
        .entry-content a { color: #201e23; font-weight: 600; }
        .entry-content a:hover { color: #c02f37; }

	.entry-summary {}

	/* === Post Footer === */

	.entry-footer {}

		.entry-meta {}

			.entry-meta a {}
			.entry-meta a:hover {}

			.entry-meta .published {}

			.entry-meta .category {}
			.entry-meta .post_tag {}

	/* === Asides === */

	.format-aside {}

		.format-aside .entry-content a.permalink {}

	/* === Chats === */

	.format-chat {}

		.format-chat .chat-row {}

			.format-chat .chat-text {}

			.format-chat cite {}

			.format-chat .chat-speaker-1 {}
			.format-chat .chat-speaker-2 {}
			.format-chat .chat-speaker-3 {}
			.format-chat .chat-speaker-4 {}
			.format-chat .chat-speaker-5 {}
			.format-chat .chat-speaker-6 {}
			.format-chat .chat-speaker-7 {}
			.format-chat .chat-speaker-8 {}
			.format-chat .chat-speaker-9 {}

	/* === Links === */

	.format-link {}

		.format-link .entry-title {}

			.format-link .entry-title a {}
			.format-link .entry-title a:hover {}

				.format-link .entry-title a .meta-nav {}

	/* === Galleries === */

	.format-gallery {}

		.format-gallery .image-count {}

	/* === Quotes === */

	.format-quote {}

		.format-quote blockquote {}

			.format-quote blockquote cite {}

	/* === Status updates === */

	.format-status

		.format-status .avatar {}

	/* === Audio and Video === */

	.format-video {}
	.format-audio {}


/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {}

	.attachment-meta .image-gallery {}

	.attachment-meta .image-info {}

		.image-info ul {}

			.image-info ul li {}

				.image-info .prep {}

				.image-info .image-data {}


/* ====== LOOP META ====== */

.loop-meta {}

	.loop-title {}

	.loop-description {}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {}

	.page-links .before {}

	.page-links a {}
	.page-links a:hover {}

/* === Single post navigation (between different posts) === */

.loop-nav {}

	.loop-nav a {}
	.loop-nav a:hover {}

	.loop-nav a[rel="prev"] {}

	.loop-nav a[rel="next"] {}

/* === Archive-type pages === */

.loop-pagination {}

	.loop-pagination .page-numbers {}

	.loop-pagination a.page-numbers {}
	.loop-pagination a.page-numbers:hover {}

	.page-numbers.current {}

/* === Comments pagination === */

.comments-nav {}

	.comments-nav a {}
	.comments-nav a:hover {}

	.comments-nav .page-numbers {}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {}

	.widget {}

		.widget-title {}

/* ====== Specific ====== */

#sidebar-primary {}

#sidebar-secondary {}

#sidebar-subsidiary {}

#sidebar-header {}

#sidebar-before-content {}

#sidebar-after-content {}

#sidebar-after-singular {}

#sidebar-primary .widget_nav_menu ul { margin: 0; }
#sidebar-primary .widget_nav_menu ul li { list-style-type: none; margin-bottom: 2px; }
#sidebar-primary .widget_nav_menu ul li a { background-color: #eaeaea; color: #757575; padding: 10px 10px 10px 30px; display: block; }
#sidebar-primary .widget_nav_menu ul li a:hover { background-color: #c02f37; color: #fff; transition: .3s all linear; }
#sidebar-primary .widget_nav_menu ul li.current-menu-item a { background-color: #c02f37; color: #fff; }


/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {}

/* ====== COMMENTS ======= */

#comments { padding-top: 40px; }

	#comments-number {}

	/* === Comments closed message === */

	.comments-closed {}

	.comments-closed.pings-open {}

	/* === Comment list === */

	ol.comment-list {}

		ol.comment-list ol.children {}

		/* === Individual comments */

		li.comment { list-style: none; }

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

			.comment-list .avatar {}

			/* === Meta === */

			.comment-meta { padding-bottom: 20px; }

				.comment-author {}

					.comment-author cite {}

				.comment-meta .published {}

			/* === Comment text/content === */

			.comment-content {}


			/* === Reply link === */

			.comment-reply-link {}
			.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */

#respond { padding: 40px 0; }

	#reply-title {}

		#reply-title small {}

	#respond .log-in-out {}

	#respond label { display: block; }

		#respond label .required {}

	#respond input[type="text"] { width: 100%; padding: 6px; box-sizing: border-box; }
	#respond input[type="text"]:focus {}

	#respond input[type="url"] { width: 100%; padding: 6px; box-sizing: border-box; }
	#respond input[type="url"]:focus {}

	#respond input[type="email"] { width: 100%; padding: 6px; box-sizing: border-box; }
	#respond input[type="email"]:focus {}

	#respond input[type="submit"] { background-color: #c02f37; color: #fff; border: 0; padding: 10px 21px; }
	#respond input[type="submit"]:focus {}
	#respond input[type="submit"]:hover { background-color: #333; transition: .3s all linear; }

	#respond textarea { width: 100%; padding: 6px; box-sizing: border-box; }
	#respond textarea:focus {}

        
#respond form p.comment-form-author,
#respond form p.comment-form-email,
#respond form p.comment-form-url { width: 32%; float: left; }

#respond form p.comment-form-author,
#respond form p.comment-form-email { margin-right: 2%; }


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer { background-color: #201e23; color: #979797; padding: 50px 4% 2px; text-align: center; font-weight: 500; }

	#footer .copyright {}

	#footer .credit { font-size: 12px; border-top: 1px #363636 solid; padding-top: 15px; margin-bottom: 15px; }
        #footer .credit a { color: #979797; }
        #footer .credit a:hover { color: #e34a53; }

	#footer a { color: #e34a53; }
	#footer a:hover {}
        
#footer a.botton { color: #979797; margin-bottom: 30px; }

/**
 * Media Queries
 * --------------------------------------------------------------------------- */

@media only screen and (min-width: 479px) {}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (min-width: 959px) {
    
    .header-wrap { padding: 25px 14%; overflow: hidden; }
    #content { width: 67%; float: right; }
    #sidebar-primary { width: 28%; float: left; margin-right: 5%; }
    #main { padding: 40px 14%; overflow: hidden; }
    #footer { padding: 50px 14% 2px; }
    .header-center { padding: 15px 14%; }
    
}
@media only screen and (min-width: 1060px) {}
@media only screen and (min-width: 1180px) {
    #branding { float: left; width: 55%; }
}
@media only screen and (min-width: 1320px) {}

/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearfix::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}