/* Theme Name:  framework
 Theme URI:    awebco.com
 Description:  AWEBCO - Responsive Theme
 Author:       AWEBBCO
 Author URI:   https://www.awebco.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         AWEBCO
*/

* {box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

.col{display:block;float:left;margin:0% 0 0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col:after,.clr:after,.group:after,#comments#respond:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}.one-half,.one-third,.one-fourth,.one-fifth{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0;padding:0 0}.one-half{width:50%}.one-third{width:33.3%}.one-fourth{width:25%}.one-fifth{width:20%}.one-sixth{width:16.5%}.span_1_of_4{width:25%}.span_3_of_4{width:75%}.span_1_of_5{width:20%}.span_1_of_6{width:16.5%}.span_2_of_6{width:33.3%}

body { background:#fff url('') top center no-repeat; nowhitespace: afterproperty; font: 18px/1.25 'Arial', sans-serif; font-weight: 400; color: #222; overflow-x:hidden }
body a { color: #0099ff; text-decoration:none;}
body a:hover { color: #336699; }

.wrapper { max-width:1280px; margin: 0 auto; }

body.one { background:#fff }
body.two { background:#eee }
body.three { background: #ccc }
body.four { background: #999 }

h1, h2, h3, h4, h5, h6 {margin: 0px 0 25px; color:#111; }

h1 { font-size:2.5em; margin: 0 0; }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.page-title { background:#333 url('https://www.paradigm1.org/wp-content/uploads/2019/01/wood.jpg'); text-align:center; color:#fff; padding: 50px 25px; text-shadow: 0 0 3px #000  }
.page-title .wrapper { padding: 0 25px; max-width: 800px;  }
.page-title h1{ color:#fff; text-transform:uppercase; font-size:3em; margin: 0 auto;    }
.page-title hr { display:none }

header { position:relative; padding: 15px 50px; margin: 0px auto; font-size: 2em; z-index:5; background:  }
header img { width: 150px; height: auto;  }
header hr { margin: 15px 0;  }

.clr  { clear:both }
p { margin: 0 0 20px 0; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border:0; border-bottom: 1px solid #ccc; clear: both; display:block; margin: 50px 0; background:transparent; }
a { outline: 0; text-decoration: none;}
.disabled { display:none !important}
.phone, .map, .mail { display:none }
table { width:100%;}
.breadcrumb { padding:10px 0; color:#fff; text-align:center; }
.breadcrumb a {color:#fff }
.absolute { position: absolute;}
.relative { position: relative; }
.dark, .dark p, .dark h1, .dark h2 { color:#111 !Important; }
.light, .light p, .light h1, .light h2 { color:#fff !important }

.panel-grid,
.panel-grid-cell { padding: 0 0 !important; margin: 0 0 !important; overflow:hidden }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

.floatleft { float: left }
.floatright { float: right }

.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.hide { display:none !important }

.content-single { padding: 25px 0 }

.fb-like { width:100px !important ; margin: 0 auto  !important }

/*
blockquote { border: 3px solid #ccc; padding: 15px 25px; margin: 35px 0 !important }
blockquote:before { content: '"'; font-family:passion one;color:#999; font-size: 130px !important; position:absolute; top:-10px; left:-40px; }
blockquote p { margin: 0 }
*/

/* Tags & Post Navigation
=================================================== */

.post-navigation { margin:25px 0; display:block; }
.post-navigation a { 
	padding: 15px;
	background: #64ca64; 
	display:inline-block;
	border-radius:.25em;
	color:#fff;
	font-size: 14px;
	text-align:left;
	text-align:center;
}

.post-navigation a:hover { 
	background:#36ef62;
	color:#fff; 
	text-decoration:none;
}


/* Forms
================================================== */
form { padding: 15px 25px;  }
form input[type="text"],
form textarea,
form select { 
	font-size: 16px;
	padding: 10px !Important;
	border:1px solid #ccc;
	border-radius: .25em;
	background:#fff
}

form input[type="text"]:hover,
form textarea:hover,
form select:hover { border-color:#999 }

form input[type="text"]:focus,
form textarea:focus,
form select:focus { 
	box-shadow: 0 0 5px #0099ff;
	transition: all .5s ease;
	background:#f5f5f5
}

.form-contain { position: relative; }
.arrow { position: absolute; top:0; right: 0 }

/* Buttons
================================================== */

.button { background:#519d52; color: #fff; padding: 15px 45px; border-radius: .25em; border:1px solid #39763a; display:inline-block; margin: 25px 0; }
.button:hover { background:green; color:#fff; text-decoration:none;}


*/ UL 
==================================================== */

ul li, ol li{ margin-left: 25px !important }

/* Images
================================================== */
.page-thumb img,
.post-thumb img {
	width:100%;
	height: auto;
}


/*  Top Menu
================================================== */
.topmenu { text-align:right; }
.topmenu ul { margin: 0 0 }
.topmenu li { display:inline-block; font-size: 16px; }
.topmenu li a{ color:#111; padding: 5px 15px; text-transform:uppercase }


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

.menu li { margin-left:-10px; }
.menu li li, .menu li li li { margin-left:0px; }

nav { margin: 0px 0 0 0; display:block; text-align: right;}

nav ul {
	text-align: left;
	display: inline;
	margin: 0 0;
	list-style: none;
}
nav ul li {
	font: bold 20px 'poppins';
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li a {
	padding: 5px 30px;
	display:inline-block;
	text-transform:uppercase;
	border-right:1px solid #999;
	color:#333;
}
nav ul li:last-child a {
	border: 0 
}
nav ul li:hover,
nav ul li a:hover {
	color:#000;
	background:#e5e5a7
}

nav ul li.cta a { color:#fff !important }

nav ul li.cta { border:0;   }
nav li.cta a{ background:#23a455; border-radius:.25em; padding:10px 20px; }
nav li.cta:hover a { background:#4ad17e !important; }



/* 2nd Level 
=================================================== */

nav ul li ul {
	padding: 0;
	display:block;
 	position: absolute;
	top: 86px;
	width: 250px;
	left: 0%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
}
nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
nav ul li ul li { 
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li a { 
	display:block; 
	background: #ddd; 
	border-right:0;
	border-bottom:1px solid #999; 
	padding:15px 25px; 
	font-weight:100;
}
nav ul li ul li a:hover { 
	background: #eee; 
}



/* 3rd Level 
=================================================== */

nav ul li ul li ul{
	padding: 0;
 	position: absolute;
	top: 0px;
	width: 200px;
	left: 250px;
	display: none !Important;
	opacity: 0;
	visibility: hidden;
	z-index:9999
}
nav ul li ul li ul li{
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li ul li a{ display:block; background: #eee; border-bottom:1px solid #333; padding:15px 25px; font-weight:100;  }
nav ul li ul li ul li a:hover { background: #ddd; }
nav ul li ul li:hover ul {
	display: block !Important;
	opacity: 1;
	visibility: visible;
}

/* Slider 
=================================================== */
.meteor-slides .slide-content {
  	top:25%;
    	left: 20%;
	display:block;
	line-height: .8em;
	margin: 0 auto;
	padding: 0 0%;
	position: absolute;
	text-align: center;
	width: 60%;
	font-size: 5em;
	color:#fff;
}



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

footer { padding: 50px 0; background:#ddd url('https://www.paradigm1.org/wp-content/uploads/2017/05/tex.jpg'); color:#666; display:none}
footer a { color:#999}
footer .heading-title { font-size: 1.25em; color:#111; margin: 20px 0 5px; font-weight: 900 }
footer .col { padding: 0 35px; border-right:1px solid #715642; min-height: 300px}
footer .col:last-child { border:0}


/* Copyright
=================================================== */
#copyright { background:#111; color:#fff; padding: 35px 0; font-size: 12px;  }
#copyright i { background:#fff; color:#111; padding: 15px; margin-right:5px; font-size: 22px }
#copyright i:hover { background:green; color:#111; padding: 15px; margin-right:5px; font-size: 22px; transform:scale(.9); transition: all .25s ease }
#copyright img { width: 75px; }
#copyright  a { color:#999}


/* Recent Posts Widget
=================================================== */
.rpwwt-post-title { font-size: 1.15em; color: #111; margin: 10px 0; display:block; }
.rpwwt-widget img { background:#fff; padding: 5px; box-shadow: 0 0 3px #000; border-radius: 50em }


#ecwid-shopping-cart-search-1,
.ecwid-productBrowser-auth-mini,
.ecwid-productBrowser-auth-mini-horizontal,
.ecwid-results-topPanel-controlsPanel { display:none !important}


/* Blog
=================================================== */
.blog {background:#ddd }

.category { padding: 25px; color:#000; background:#fff }
.category a, .category:hover a { color:#000 }

.category .post { padding: 35px 25px; display:block; width: 100%; border-bottom:2px solid #ccc; clear:right; position: relative }
.post:hover { background:#ffffe8; }
.post:hover .post-thumb { transform:scale(1.1); transition: all .25s ease }
.post .post-thumb img {  width: 100%; border-radius:.5em  }
.post .button { padding: 10px; margin-top:0  }

#social-share { text-align:center !important }

.date { color:red; font-weight:bold; position: absolute; top:5px; right:5px  }

.post h2 { margin-bottom: 15px; margin-top:15px; }
.post-content { padding-left: 25px; }

.pagination { text-align:right; padding: 20px;  }
.pagination a { padding:5px 10px; background:#eee; border: 1px solid #ccc  }
.pagination a:hover { background:green; color:#fff  }
.pagination .current { background:#999; color:#fff; padding:5px 10px; }


/* Sidebar
=================================================== */

.sidebar { width: 25%; padding: 25px;  }
.sidebar .heading-title { font-weight:bold; font-size: 1.25em; background:#666; color:#fff; padding: 10px; margin-top: 25px; }

.sidebar ul li { margin-left: 0px; list-style-type:none  }
.sidebar ul li a {padding: 10px 5px; color:#000; display:block; border-bottom:1px solid #999; font-size: 14px; }
.sidebar ul li a:hover { border-right: 5px solid green; color:green; background:#fff }

.sidebar form { padding: 0; position: relative }


/* Search Widget
=================================================== */

#s { width:100%; display:block; position: relative  }
#searchsubmit { background: url('https://www.paradigm1.org/wp-content/uploads/2019/01/search.jpg') no-repeat; width: 30px; background-size: 30px 30px; color:#fff; padding: 10px; border: 0; top:5px; position: absolute; right:5px; z-index:999 !important; }


/* Video Category
=================================================== */

#videointro { background:#333; padding: 25px 0; color:#ccc }
#videointro .col { padding: 25px; }
#videointro .col h2{ margin-top: 10%; color:#fff }
#videointro hr { border-color:#ccc; margin: 10px 0 25px; width: 10%; }



/* Laptop 
============================================= */
@media only screen and (max-width : 1601px) {

	.wrapper { max-width:1280px; margin: 0 auto; }

}


/* Tablet Landscape - Ipad 9.7" 
============================================= */
@media only screen and (max-width : 1024px) {

	.wrapper { max-width:1000px; margin: 0 auto; }
	.content { padding: 2.5% 5% }

}


/* Tablet - Portrait - Ipad 9.7" 
============================================= */
@media only screen and (max-width : 768px) {

	body { font-size: .75em; }
	h1,h2,h3,h4,h5 { font-size: 1.5rem; text-align:center }

	.wrapper { padding: 0 10%}
	.wrapper .col{ width: 50%; display:inline-block; }

	header { text-align:center; padding:25px 0; margin: 0px 0 -25px; background:#fff;  }
	header .wrapper .col { width:100%; }

	.pages h1 { padding: 10px 0 }

	footer { padding: 25px 0; font-size: 1.25em }
	footer .col { border:0; padding: 0; min-height: auto  !important }
	footer li { list-style:none !important; margin:0 0 !important; }
	footer li a{ border-bottom: 1px solid #ccc; padding: 10px 0; display:block }
	footer, footer p { text-align:center !important; }

	.rpwwt-widget img { display:block !important; width:100% !important; border:0 !important; border-radius: 0 !important; height: auto !important;   }

	#copyright i { margin-bottom: 20px;  }
	#copyright .col:last-child { text-align:center !important; margin-top: 20px;  }

	.phone, .map, .mail { color:#ccc !Important; background:linear-gradient(to bottom right, #666,#222); font-size: 2.25em !Important; display:inline-block; z-index: 9999 !important; position: fixed; top: 0px; padding: 13px 20px 14px 20px !important; right:5px; border-left:1px solid #111 }
	.map { right:136px; }
	.mail { right:68px; }

	#videointro {padding: 15px; text-align:center  }
	#videointro .col { padding:0 }
	#videointro hr { display:none }
	#videointro iframe { height: 150px; }

	.topmenu,
	nav,
	.dashicons,
	header hr,
	.sidebar  { display:none !important }

}

/* Mobile Landscape - Iphone 6 
============================================= */
@media only screen and (max-width : 667px) {

	.col { display:block; width:100% !important }

	#copyright { text-align:center !important }

}

/* Mobile Portrait - Iphone 6 
============================================= */
@media only screen and (max-width : 375px) {


}